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

【问题标题】：clearing a form dropdown using just javascript仅使用 javascript 清除表单下拉列表
【发布时间】：2020-11-04 15:06:04
【问题描述】：

我正在创建一个基本的待办事项列表，输入字段似乎将所有输入的数据保存为下拉列表，我无法修复它。我尝试使用 the.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][1]


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

【问题讨论】：

stackoverflow.com/questions/3786694/…
这能回答你的问题吗？ How to reset (clear) form through JavaScript?
所以你想要一个函数来删除所有li元素？
您能否将 HTML 添加到您在问题中发布的代码中？
这能回答你的问题吗？ use remove() on multiple elements

标签： javascript forms input dropdown

【解决方案1】：

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

【讨论】：