如何清空input框中的输入内容

Question

前端小白.
做了一个 todo 的 demo
存原生,没用任何框架.
点击完 add 之后, input 框中的内容会插入到页面,我想把它里面的内容清空,每次输入的都是新的内容,不要上次残留的.不知道怎么解决

document.getElementById('input按钮的Id').value = "" 之后, 输入框的值是清空了. 但是页面上依然有残留的值.现在就先把页面上显示的值清空.

[图片]

就是我点击 add 之后, input 框中的111 要清空,等我下次重新输入.望大神们解答下.

Answer 1

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

Answer 2

document.getElementById('add按钮的Id').onclick = function () {
  //to do something  这写你的逻辑 之后清空input
  document.getElementById('input按钮的Id').value = "";
}

Answer 3

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

Answer 4

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

Answer 5

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

Answer 6

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

Answer 7

先给input标签加个id="input1"

当你add成功后:

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

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

Answer 8

您好 问题解决了吗 我最近也遇到这个问题了 一直解决不了 用的是 vue 框架