javascript - 在javascript中抓取文本框

Question

<asp:Content ID="BodyContent" runat="server" ContentPlaceHolderID="MainContent">

<script type="text/javascript">
function Incrementer()
{
    debugger;
    var txtBox = document.getElementById('ctl00_MainContent_TextBox1').value;

   alert(txtBox);
}

</script>
    <asp:TextBox ID="TextBox1" runat="server" Text="0"></asp:TextBox><br />
    <asp:Button ID="Button1"  runat="server" Text="Up"  OnClientClick="Incrementer();"/>
    <asp:Button ID="Button2" Text="Down" runat="server"/>
    </asp:Content>

我无法在 JavaScript 中捕获文本框。有什么问题？

Answer 1

我也重新标记了这个 ASP.net，因为它非常针对这个问题。

当 ASP.net 文本框控件呈现在页面上时，它会被分配一个可以更改的动态 ID。控件有一个属性 ClientID，它为您提供控件分配的 ID，以便您可以在脚本中使用它。

使用如下:

<script type="text/javascript">
function Incrementer()
{
    debugger;
    var txtBox = document.getElementById('<%=TextBox1.ClientID%>').value;

   alert(txtBox);
}
</script>