如何使用 JavaScript 和/或服务器端标签获取绑定控件的客户端 ID？

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

您确定问题不仅仅是以下标签中“ClientId”的拼写错误吗？ :-)

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

Answer 2

您的 JavaScript checkLength() 函数没有将 Label 附加到客户端 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 3

更改您的标记以将“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 4

只需向 span 或文本框添加一个类，然后使用 jQuery 在 dom 中查找元素，然后向文本框添加更改事件，运行 checkLength 代码

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