javascript - 文本框 id 在 javascript 中不可访问

Question

我在数据列表中有这个文本框

tr>
    <td><h5>Email</h5> <asp:TextBox ID="tb_email" CssClass="tb_orderByPhn" runat="server" /> </td>
</tr>

还有一个调用 javascript 的按钮

  <tr>
    <td> <asp:LinkButton id="btn_order"  class="btn btn-lg btn-block btn-success btn_rad " OnClick="btn_order" OnClientClick=" return validate_order()"   runat="server" >Order now <i class=" glyphicon glyphicon-chevron-right  " ></i></asp:LinkButton></td>
</tr>

在上面的按钮上单击我正在调用 JavaScript 函数。到目前为止，它很好，但它无法识别文本框 ID，为什么？

 function validate_order() {

    alert("ok");
    var name = document.getElementById('<%=tb_email.ClientId%>').value;
    alert(name);

}

它给出错误:名称“tb_email”在当前上下文中不存在。

Answer 1

您使用的是哪个 Asp.Net 版本？如果 ASP.NET>=4.0，则在 asp.net 文本框上使用 ClientIDMode = "Static"并尝试一下。因为否则 ASP.NET 在将控件呈现给客户端时会通过将父命名容器与控件的 ID 值等连接起来来更改控件 ID。

引用:http://msdn.microsoft.com/en-us/library/system.web.ui.control.clientidmode(v=vs.110).aspx