Question

这是我的JSFiddle：http://jsfiddle.net/kboucheron/XVq3n/15/

当我开始一个项目列表并点击“清除”时，我想要清除文本输入。我无法清除字段

<input type="text" placeholder ="Add List" id="listItem"/>
<button id="addButton">add Item</button>
<button id="clearButton">Clear Items</button>
<ul id="output"></ul>

clearButton.addEventListener("click", function(e) {
    var text = document.getElementById('listItem').value;
    var addItem = document.getElementById('output');
    addItem.innerHTML = '';
    text.value = '';
});

Answer 1

只需在此处进行此更改：

var text = document.getElementById('listItem');

你有这个：

var text = document.getElementById('listItem').value;

当你真正想要输入元素时，你正在做的是获取输入文本的值。

此处还有更新的小提琴：http://jsfiddle.net/XVq3n/16/

Answer 2

您在代码中引用输入值，替换

var text = document.getElementById('listItem').value

带

var text = document.getElementById('listItem')

Answer 3

好的，这是一个非常简单（但很容易制作）的错误。尝试此更改，它应该工作：

clearButton.addEventListener("click", function(e) {
    var text = document.getElementById('listItem');
    var addItem = document.getElementById('output');
    addItem.innerHTML = '';
    text.value = '';
});

基本上，你做过多次.value一次。希望有所帮助。

重置输入字段不起作用（Javascript）

3 个答案: