当用户再次打开弹出窗口时如何清除 asp:TextBox 的文本？答案

【问题标题】：How to clear the text of asp:TextBox when user again open the pop up window?当用户再次打开弹出窗口时如何清除 asp:TextBox 的文本？
【发布时间】：2016-05-25 13:39:34
【问题描述】：

我关注How to clear a textbox using javascript，但我的情况变化不大。我有一个登录按钮，当用户单击登录时，会打开一个弹出窗口。他填写了文本框，出于某种原因，他回到了主页。当他再次登录弹出窗口时，他以前的值不会被清除。可能是因为页面没有加载。而且我不想再次加载页面。我想使用 JQuery/JavaScript 来删除输入的文本。我知道我在关闭按钮内编写代码，但我不知道如何清除文本框。请帮忙。

这是代码，场景是我使用弹出窗口进行登录和注册。在登录弹出窗口中有一个链接“没有登录 ID”，当用户点击它时，带有表单的注册弹出窗口是打开的。

<a href="#" id="signUp" onclick="function_deletePreviousData">Don't have Login Id</a>

而JavaScript方法是

<script type="text/javascript">
        function function_deletePreviousData(){
            document.getElementById("signUp").value = "";
        }
    </script>

但是什么也没发生。我认为这是因为我没有给出元素 id，我只是给出了我曾经在注册弹出表单上登陆的元素的 id。在不访问所有元素的情况下清除所有表单并将其赋予 null 值的任何想法。

【问题讨论】：

没有看到您当前的代码，我怀疑我们是否会有所帮助......
如果你提到你的代码，很容易找到问题的解决方案...
RunningFromShia 和 Enoch 我添加了代码，请查看并给出一些想法。提前谢谢

标签： javascript c# jquery asp.net webforms

【解决方案1】：

我们应该在登录按钮单击中编写代码，而不是在关闭按钮单击事件中包含代码。这是我的建议之一。

试试这个：

Javascript：

<script type="text/javascript">
 function LoginButtonClick() {
    document.getElementById`("TextBox_Id").value = "";
 }
</script>

JQuery:

jQuery("#LoginButton_Id").Click( function()
{ 
  $('#TextBox_Id').val(""); 
} );

【讨论】：

亲爱的，我写的和你说的一样。但是什么也没发生。调用函数的行是：Don't have Login Id
在此声明中 document.getElementById("signUp").value = "";，请提及您的文本框 ID，而不是您的锚标签 ID。
是的，它的工作原理，现在我有 20 个文本框，通过这种方式，我在 JavaScript 函数中编写了 20 条语句。 JavaScript/JQuery中是否有任何方法或方法可以清除表单的所有数据。

【解决方案2】：

最后我在 JQuery 中找到了重置所有字段的方法。只需触发重置。

$('#form').trigger("reset");

感谢大家的帮助。

【讨论】：