バインドされたコントロールのクライアントIDをjavascriptやサーバーサイドのタグで取得するにはどうすればよいですか？

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> 

上記の作業を行うためのアイデア（Pはありません）？

Answer 1

マークアップを変更して、指定したコメントボックスへの参照として「this」を渡します。

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

checkLength（）関数では、 "e"はonchangeイベントを発生させたDOM要素への直接参照です。

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

「ClientId」が次のタグに誤って入力されていないことを確認してください。 :-)

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

Answer 3

JavaScriptのcheckLength（）関数は、クライアントIDにラベルを付加しないと間違って何かがありますか？次に、あなたはjavascriptの両方を取るている？：

<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

だけcheckLengthコード

を実行スパンまたはテキストボックスにクラスを追加し、DOM内の要素を見つけるために、jQueryのを使用して、テキストボックスに変更イベントを追加します

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