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

Question

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

收集第一个输入后，我将通过调用清除字段

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

在表面上，片段上方将出现以清除文本框。 但是，当我通过单击其他位置来模糊文本框时，旧值会重新出现。

更多代码>>>

我的HTML >>

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

Javascript >>

获得第一个输入后，我想重置输入值>>>

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

这就是我进行数据收集的方式>>>相同的文本框首先用于收集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。

还有一些其他指针 ，如果需要的话，可以帮助您使用jQuery。

Answer 2

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

Answer 3

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

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

因此，这对我来说效果很好。（使用上下文：“ placeholder”属性）

ICDT ..tc :)