仅使用 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

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