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

Question

我正在创建一个基本的待办事项列表，输入字段似乎将所有输入的数据保存为下拉列表，但我无法修复它。我尝试过使用 .reset() fn 以及此处显示的其他选项，例如使用val("") 或 val(0) 似乎没有任何作用。所以任何人都可以建议我如何解决这个问题。我也尝试过 return fn 和 val 函数，但它仍然不起作用。提前致谢。    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]

Answer 1

找到了一个解决方案，只需清除浏览器上的缓存即可。虽然不是所期待的，但似乎已经完成了工作。尝试了重置（）和清除（）选项，它们似乎清除了刚刚输入的文本，但没有清除存储在下拉框中的先前文本。