从列表视图布局模板将值传递给javascript

Question

Want to pass listview item value to javascript function ,this control is inside layout template ie anchor tag .I am binding data to this anchor tag and want to call the javascripot function on this click.

<asp:ListView ID="ListviewInnerComent" runat="server" DataKeyNames="ID"                                                               OnItemDataBound="ListviewInnerComent_ItemDataBound" OnItemCommand="ListviewInnerComent_ItemCommand">
    <LayoutTemplate>

     <ul id="itemPlaceholderContainer"runat="server">
       <li  id="itemPlaceholder" runat="server">

         </li></ul>

<div >
 <a href='<%# Eval("ID") %>' id="showmore"  class="showmore"  runat="server" onclick="GetRecords1();" >Show More</a>

//WANT TO PASS THIS ANCHOR TAG VALUE  THAT i AM BINDING TO JAVASCRIPT FINCTION. 
                                                                                 </div>


                                                                    </LayoutTemplate>


function GetRecords1
(response) {
        var xmlDoc = $.parseXML(response.d);
        var xml = $(xmlDoc);

    var ID=document.getElementById("showmore").title; 
alert(ID);
WANT TO CALL PASSED VALUE HERE
}

Answer 1

Try using this instead:

<a href="#" class="showmore"
  onclick="GetRecords1('<%# Eval("ID") %>');return false;">Show More</a>

The ensures some browsers like IE will handle the element as a link. The return false; prevents the web browser following the link after the js function is run.

I've removed the and attributes since these aren't required -- this doesn't need to be a server control.