鍍金池/ 問答/HTML/ 如何清空input框中的輸入內(nèi)容

如何清空input框中的輸入內(nèi)容

前端小白.
做了一個 todo 的 demo
存原生,沒用任何框架.
點擊完 add 之后, input 框中的內(nèi)容會插入到頁面,我想把它里面的內(nèi)容清空,每次輸入的都是新的內(nèi)容,不要上次殘留的.不知道怎么解決

document.getElementById('input按鈕的Id').value = "" 之后, 輸入框的值是清空了. 但是頁面上依然有殘留的值.現(xiàn)在就先把頁面上顯示的值清空.

[圖片]
clipboard.png

就是我點擊 add 之后, input 框中的111 要清空,等我下次重新輸入.望大神們解答下.

回答
編輯回答
懶豬

add 成功后 $("#id").val("");

2018年4月6日 15:37
編輯回答
維他命

emmm, 都不知道你用的什么框架不好回答

2018年3月13日 07:18
編輯回答
心夠野

先給input標(biāo)簽加個id="input1"

當(dāng)你add成功后:

如果你用的是原生js,可以這樣:
document.getElementById('input1').value=''

如果用的jquery:
$('#input1').val('')

2017年4月28日 15:05
編輯回答
薔薇花

先說一下你用框架？比如JavaScript原生的，還是jquery？angular？vue？react？

2017年10月25日 01:51
編輯回答
毀與悔

好像沒有我想要的答案.....

2018年2月5日 15:35
編輯回答
冷眸

如果是用jquery的話，可以用 $("#yourFormID")[0].reset();

2018年1月16日 10:57
編輯回答
練命
document.getElementById('add按鈕的Id').onclick = function () {
  //to do something  這寫你的邏輯 之后清空input
  document.getElementById('input按鈕的Id').value = "";
}
2017年1月12日 00:54