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

sudianyao
  • 7

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

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

[图片]
clipboard.png

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

回复
阅读 83.7k
8 个回答

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

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

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

用户bPkPel
  • 159

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

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

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

小鬼web
  • 925

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

当你add成功后:

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

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

zxw123
  • 1
新手上路,请多包涵

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

宣传栏