Javascript 在按钮单击时清除表单字段

Posted

技术标签:

【中文标题】Javascript 在按钮单击时清除表单字段【英文标题】:Javascript to clear form field on button click 【发布时间】:2011-10-08 16:34:37 【问题描述】:

我有一个名为“inputaddress”的字段,用户可以在其中输入地址详细信息,因此他们可以执行谷歌地图地理编码。

我想做的是当用户点击“搜索地址”按钮时,它会执行地理编码,但随后会清除“输入地址”字段。

有人可以告诉我如何清理场地。

【问题讨论】:

【参考方案1】:
document.getElementById("inputaddress").value = '';

【讨论】:

这真是太棒了。非常感谢。【参考方案2】:

$('#inputaddress').html("");document.getElementById('inputaddress').value="" 会起作用吗?

【讨论】:

【参考方案3】:
document.getElementById("inputaddress").value = '';

【讨论】:

在您发布该评论前一秒修复了它。 jquery 比普通的 javascript 更自然:)【参考方案4】:

我假设你 id 你的输入地址字段addr 只需将此代码添加到您的searchforaddress 按钮的onclick 事件中

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

像这样(我假设你的 searchforaddress 按钮是 searchforaddress

    document.getElementById('searchforaddress').onclick=function() 
    document.getElementById('addr').value="";
;

【讨论】:

所有,非常感谢您抽出宝贵时间回复并提供帮助和解决方案。亲切的问候克里斯

以上是关于Javascript 在按钮单击时清除表单字段的主要内容,如果未能解决你的问题,请参考以下文章

C# 密码字段在回发修复时返回空,但需要在按钮单击时清除该字段

QLineEdit 单击时清除文本并从按钮读取文本[关闭]

下载按钮和输入字段在 JavaScript 中单击按钮时没有响应

我需要一个清除过滤器按钮,单击时我希望它清除子表单为空。此子表单附加到主表单

在 Vue.js 中单击按钮时清除文本字段?

单击单选按钮清除下拉选择