Как бы я добавить больше значений в элементе опции с JS?

Question

Если кто-то может помочь мне с кодированием в JS. У меня есть элемент Select с некоторыми значениями Option, созданными в HTML, также ниже у меня есть поле ввода, где я хочу иметь возможность добавить новое значение Option, а также удалить при необходимости. Я знаю, что это может быть достигнуто через цикл, я думаю, но, поскольку DOM предоставляет мне HTML-коллекцию элементов списка Option. Итак, я знаю, что могу достичь этого с помощью createELement в DOM, но возможно ли это сделатьчто отличается. Мой код это ниже:

<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"?