Wie kann ich die Client-ID eines gebundenen Steuerelements mit JavaScript und/oder serverseitigen Tags abrufen?

Question

<asp:DataGrid> 
    <ItemTemplate> 
     1) 
     <asp:TextBox ID="tbComments" onChange="javascript:checkLength(<%# tbComments.ClientId %>);" runat="server"/> 
     2) 
     <span id="<%# tbComments.ClientId %>Label"></span> 
    </ItemTemplate> 
</asp:DataGrid> 

Irgendwelche Ideen, um das oben genannte Arbeiten zu machen (was nicht: P)?

Answer 1

Ändern Sie Ihr Markup, um "this" als Verweis auf das angegebene Kommentarfeld zu übergeben.

<asp:TextBox ID="tbComments" 
      onChange="javascript:checkLength(this);" runat="server"/> 

Dann in Ihrer checkLength() -Funktion, "e" ist eine direkte Bezugnahme auf das DOM-Element, das das onchange Ereignis ausgelöst hat.

function checkLength(e){ 
    alert(e.id); //id of the comments box 
    //get a reference to the span element immediately after the textbox 
    theSpan = e.parentNode.getElementsByTagName("span")[0]; 
    theSpan.innerHTML = "comments length: " + e.value.length; 
} 

Answer 2

Sind Sie sicher, dass das Problem nicht nur das Fehlschlagen von "ClientId" in dem folgenden Tag ist? :-)

<span id="<%# tbComments.CliendId %>Label"></span> 

Answer 3

Ist etwas falsch mit Ihrer JavaScript checkLength() - Funktion, die nicht an die Client ID anfügt? Dann haben Sie Javascript beide nehmen ?:

<asp:DataGrid> 
    <ItemTemplate> 
     1) 
     <asp:TextBox ID="tbComments" 
      onChange="javascript:checkLength(<%# tbComments.ClientId %>, <%# tbComments.ClientId %>Label);" 
      runat="server"/> 
     2) 
     <span id="<%# tbComments.ClientId %>Label"></span> 
    </ItemTemplate> 
</asp:DataGrid> 

Answer 4

einfach eine Klasse auf die Spanne hinzufügen oder das Textfeld ein und verwenden Sie jQuery das Element in der dom zu finden und ein Änderungsereignis in das Textfeld hinzufügen, führen Sie den Code checkLength

$(document).ready(function() 
{ 
    $('.myClass').change(function() 
    { 
     // do your length check... 
    }); 
});