仅使用 javascript 清除表单下拉列表

Question

我正在创建一个基本的待办事项列表，输入字段似乎将所有输入的数据保存为下拉列表，我无法修复 it.I 已尝试使用 the.reset() fn 以及此处显示的其他选项，例如使用 val("") 或 val(0)，work.So 似乎没有任何人可以建议我如何解决此问题。我也尝试了 return fn 和 val 函数，但它仍然不会提前 work.Thanks。



    const addForm = document.querySelector('.add');
    const todolst = document.querySelector('.todolst');
    const deletelst = document.querySelector('.delete')
    const task = addForm.add.value.trim();

    const newTemplate = task => {
      const html =
        <li class="list-group-item d-flex justify-content-between align-items-center"><span>${task}</span><i class="far fa-trash-alt delete"></i></li>
    todolst.innerHTML += html
    }
    // to add a tag
     addForm.addEventListener('Enter', e => {
     e.preventDefault();

      if (task.length) {

        newTemplate(task);

        addForm.val(0);
      }
    });
[enter image description here][1]


  [1]: https://i.stack.imgur.com/gIdeL.png

Answer 1

好吧，我设法找到了一个解决方案，只需清除浏览器上的缓存即可。虽然不是我所期待的，但似乎已经完成了工作。我尝试了 reset() 和 clear() 选项，它们似乎清除了刚刚输入的文本，但没有清除存储在 drop-down 框中的先前文本。

仅使用 javascript 清除表单下拉列表

clearing a form dropdown using just javascript

javascript

forms

input

dropdown