在javascript中抓取文本框

时间:2011-01-18 07:55:06

标签: javascript asp.net

<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中捕获文本框。有什么问题?

2 个答案:

答案 0 :(得分:1)

试试这个

 var txtBox = document.getElementById('<%=TextBox1.ClientID%>').value;
 alert(txtBox);

答案 1 :(得分: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>