Question

我在点击清除按钮时尝试清除多个ASP文本框的数据。我最初尝试使用一个文本框。它在按钮单击时清除文本框数据，但它也调用 Page_Load 方法。我想在不调用 Page_Load 方法的情况下清除文本框。

这是代码，我试过了：

<body>
    <form id="form1" runat="server">
                <script type="text/javascript">
                    function Clear() {
                        document.getElementById("<%=txt.ClientID %>").value = "";
                return true;
            }
   </script>
    <div>

        <asp:TextBox ID="txt" runat="server"></asp:TextBox>
        <asp:Button ID="btn" runat="server" Text="click" OnClientClick="return Clear();" />    
    </div>
    </form>
</body>

Answer 1

您可以通过更改功能的返回来避免页面加载：

function Clear() {
    document.getElementById("<%=txt.ClientID %>").value = "";
    return false;
}

您可以使用类清除多个文本框，如下所示：

<asp:TextBox ID="txt1" runat="server" CssClass="txts"></asp:TextBox>
<asp:TextBox ID="txt2" runat="server" CssClass="txts"></asp:TextBox>
<asp:TextBox ID="txt3" runat="server" CssClass="txts"></asp:TextBox>
<asp:TextBox ID="txt4" runat="server" CssClass="txts"></asp:TextBox>

和JS：

function Clear() {
    var txts = document.getElementsByClassName('txts');

    for (var i = 0; i < txts.length; i++)
        txts[i].value = '';

    return false;
}

希望它有所帮助！

在Button Click上使用Javascript清除多个ASP文本框

1 个答案: