如何从javascript更改asp:textbox的值

本文关键字：textbox 的值 asp 更改 javascript | 更新日期: 2023-09-27 18:21:49

我有一个asp:textbox

<asp:textbox ID="NewName" runat="server" />

当用户单击"取消"按钮时，我想通过将值设置为"来删除该文本框中的任何内容。如果它是一个文本类型的输入字段，我可以用javascript:来完成

document.getElementById('NewName').value= "";

但我不能这么做，因为它是一个asp:textbox。

如何从javascript更改asp:textbox的值

当您的asp:textbox呈现到UI时，是的，它只是一个文本类型的输入字段。唯一可能出现问题的部分是ID，但可以使用ClientIDMode:进行设置

<asp:textbox ID="NewName" runat="server" ClientIDMode="Static" />

渲染到：

<input type="text" id="NewName" />

因此，您使用的JavaScript应该可以完美地工作。

<asp:TextBox>渲染为<input type="text">，您可以像往常一样使用它，唯一复杂的是id=""属性被重写，但您可以这样做：

document.getElementById("<%= NewName.ClientID %>").value = "";

假设此脚本与文本框位于同一页面中。如果这是在引用的<script src="">中，则需要使用元素ID的全局脚本变量。

尝试将文本框的ClientIDMode设置为静态

通过这种方式，javascript应该能够找到与ASPX中ID相同的它们。

这里是一个完整的测试页面

<%@ Page Title="Home Page" Language="C#" MasterPageFile="~/Site.master" AutoEventWireup="true"
    CodeFile="Default.aspx.cs" Inherits="_Default" %>
<asp:Content ID="HeaderContent" runat="server" ContentPlaceHolderID="HeadContent">
    <script type="text/javascript">
    function ClearTB1() {
        document.getElementById("TextBox1").value="";
    }
</script>
</asp:Content>
<asp:Content ID="BodyContent" runat="server" ContentPlaceHolderID="MainContent">
    <p>
        <asp:TextBox ID="TextBox1" runat="server" Text="test" ClientIDMode="Static"></asp:TextBox><br />
        <asp:TextBox ID="TextBox2" runat="server" Text="test" ClientIDMode="Static"></asp:TextBox><br>
        <asp:Button ID="Button1" runat="server" Text="Button" OnClientClick="ClearTB1()"
            CausesValidation="False" UseSubmitBehavior="False" /><br />
    </p>
</asp:Content>

我也遇到了同样的问题。有一次我想起id上的asp.net发生了一场混乱，我就解决了这个问题。

在我的aspx中，我有：

<input type="text" id="sessSubs"/>

再往下看，在一个网格视图中（因此使用了"class"而不是"id"），我有一个列，它有一个asp:TextBox:

<asp:TextBox runat="server" class="paid" />

当我回忆起id篡改问题时，这只是一个改变我引用文本框的方式的例子：

<script type="text/javascript">
$(document).ready(function() {
  function updateSubs()
  {
    var sub = parseFloat($('[id$=sessSubs]').val());
    $('.paid').val(sub);
  }
$(document).on('change, keyup', '[id$=sessSubs]', updateSubs);
});
</script>
相关文章：