如何通过Javascript清除HTML输入文本框

Question

我使用相同的输入文本框来收集多个值。

收集第一个输入后，我将通过调用

清除该字段

document.getElementById("textbox").value= "";

在表面上，上方的代码段似乎清除了文本框。 但是当我通过点击其他地方模糊文本框时，旧的值会重新出现。

更多代码＆gt;＆gt;＆gt;

我的HTML＆gt;＆gt;

<input id="textbox" placeholder="Start">

Javascript＆gt;＆gt;

获得第一个输入后，我想重置输入值＆gt;＆gt;＆gt;

document.getElementById("textbox").value= "";
document.getElementById("textbox").setAttribute("placeholder","End");

这就是我的数据收集方式＆gt;＆gt;＆gt; 相同的文本框首先用于收集Google“地点”，然后再收集一些用户输入的评论。除了收集数据之外，someFunction（）还尝试通过调用.value =“”

来清除文本框。

google.maps.event.addListener(textbox, "place_changed", function() {
    someFunction();
});

Answer 1

这是我发现谷歌搜索快速的答案;我认为你可以用onFocus（）来玩一下：

<input type="text" value="Click here to clear text" onfocus="if(!this._haschanged){this.value=''};this._haschanged=true;"/>

也可能需要使用onBlur。

还有其他一些pointer，如果你愿意，可以使用jQuery。

Answer 2

看起来您的输入值存储在单独的变量中以用于其他一些操作。所以你应该检查你的代码并清除变量。

Answer 3

我实际上已经实现并使用了这个解决方案，我的朋友已在上面建议：

document.getElementById("textbox").setAttribute("placeholder","End");

所以，这对我很有用。（上下文：使用“占位符”属性）

ICDT ..tc：）