我如何使用 JS 在选项元素中添加更多值？

Question

如果有人可以帮助我用 JS 编码。我有一个 Select 元素，在 HTML 中创建了一些选项值，下面还有一个输入字段，我希望能够在其中添加新的选项值，并在需要时删除。我知道这可以通过我猜的循环来实现，但是由于 DOM 给了我一个 HTML 选项元素的集合 list.So 我知道我可以通过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”上添加侦听器吗？

我如何使用 JS 在选项元素中添加更多值？

How would i add more values in a option element with JS?

javascript

arrays

select

option

htmlcollection