Question

我需要在文本框中重置我的值而不重新加载页面。下面是我目前使用的重置，但重新点击重置页面。任何人都可以建议代码重置而不重新加载页面。只能通过Javascript

protected void BtnReset_Click(object sender, EventArgs e) 
{
    txt1.Text = string.Empty;
    txt2.Text = string.Empty;
}

Answer 1

你可以使用html

<input type="reset" value="reset"/>

这将清除表单字段值

Answer 2

一个选项是将所有控件包装在UpdatePanel中。你仍然会有一个回发，但它将通过AJAX完成，不会刷新[整个]页面（所以你不会得到闪烁）。这将让你使用你写的功能。

如果您不需要回发，并且您不需要/想要处理服务器端，那么请使用Pradeep建议的HTML重置按钮。

Answer 3

我相信Javascript只是：

document.getElementById("txt1").value = "";
document.getElementById("txt2").value = "";

Answer 4

如果您想重置整个表单，只需用HTML格式替换您的asp.net按钮。

所以替换这样的东西：

<asp:Button ID="BtnReset" runat="server" Text="Button" />

使用：

<input id="Reset1" type="reset" value="reset" />

（type =“reset”：将表单重置为原始值）

Answer 5

这是jQuery，它可以让你休息特定的文本框。

您也可以使用常规输入按钮，因为它不需要回发。

<asp:TextBox runat="server" ID="txt1" />
<asp:TextBox runat="server" ID="txt2" />
<asp:Button ID="btn1"
    runat="server"
    OnClientClick="return resetButtonClick();"
    Text="Reset" />
<input type="submit" value="Reset" 
    onclick="return resetButtonClick();" />
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script type="text/javascript">
    function resetButtonClick() {
        $("#<%= txt1.ClientID %>").val("");
        $("#<%= txt2.ClientID %>").val("");
        return false;
    }
</script>

如何在没有页面重新加载的情况下重置文本框值

5 个答案: