如何通過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 :)