javascript - 我如何在带有 JS 的选项元素中添加更多值？

Question

如果有人可以帮助我用 JS 编码。我有一个 Select 元素，其中在 HTML 中创建了一些 Option 值，下面还有一个输入字段，我希望能够在其中添加一个新的 Option 值并在需要时删除。我知道这可以通过我猜的循环来实现，但是由于 DOM 为我提供了选项列表元素的 HTMLcollection。所以我知道我可以使用 DOM 中的 createELement 来实现，但是有可能吗那不同。我的代码如下：

<select name="name" id="name">

    <option value="burim" class="someName">burim</option>
    <option value="eliot" class="someName">eliot</option>
    <option value="saska" class="someName">saska</option>

</select>
<br><br>
<input type="text" id="add">
<br><br>
<p class="output"></p>

Answer 1

这是基本代码：

let select = document.getElementById("mySelect");
let option = document.createElement("option");
option.text = "Starwars 8";
option.value = "Starwars 8"
select.add(option);

你需要更多：在“#add”上添加一个监听器吗？