Javascript如何制作重置按钮

标签 javascript html

一旦用户输入5个数字到该列表中,我想要一个重置按钮,这样如果用户想立即删除它们,他们可以单击“重置”,这应该删除整个列表......

我尝试制作一个带有重置功能的重置按钮,该按钮通过 id 获取元素并尝试删除它,但它不太有效,所以我希望这里有人知道如何做到这一点......

这是 fiddle http://jsfiddle.net/bikbouche1/QVUHU/67/

最佳答案

不要忘记你总是可以只使用一个简单的

<input type="reset" value="Reset">

如果您想清除整个表单。请注意,您需要将当前位于 fiddle 中表单标记之外的输入移动到表单标记内才能正常工作。

这是更新的 fiddle.

另请注意,nrabinowitz 的答案不起作用有两个原因。首先,提供了不正确的 ID(“数字”而不是“数字”),而且 .innerHTML 不适用于输入字段。相反,你应该使用:

document.getElementById("reset").onclick = function() {
  document.getElementById("number").value = "";
};

他的 fiddle 的更新后的工作版本是 here .

关于Javascript如何制作重置按钮,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6599156/

相关文章:

javascript - 如何使用 angular2 单击“添加”按钮来获取表单模型

javascript - 如何将所选输入的值传递给 eventListener 函数

javascript - 从动态创建的 ObjectArray 中删除一个对象

javascript - HTML5 Canvas ,防手掌误触

HTML 按钮列表悬停错误

javascript - 带有 Angular 和 Bootstrap 的日期选择器绑定(bind)

html - CSS 和输入 100% 宽度

javascript - 使用javascript查找下载链接文件的大小

javascript - JS : dropdown content can't be displayed when navbar is fixed

javascript - 在背景音乐中添加两秒延迟