автоматизация опций для выбора HTML

Question

У меня есть поле выбора в html как

<select>
        <option>-</option>
        <option>One</option>
        <option>Two</option>
        <option>Three</option> 
</select>

Но сейчас я набираю опции вручную. Но параметры должны зависеть от файла, который я загружаю. Так что в идеале я хотел бы создать список list = [One,Two,Three] (зависит от файла) и мог бы создать мои параметры с этим списком? Возможно ли что-то подобное? Или это единственный способ определить эти параметры в поле выбора, введя их заранее?

Answer 1

Да, вы можете сделать это, используя JavaScript. Я считаю, что это может помочь:)

a=["one","two","three"];
a.map((item)=>{               
  var option = document.createElement("option");
    option.value = item;
    option.text = item;
document.getElementById("root").appendChild(option);  
})

<select id="root">
</select>

.

Answer 2

В обычном javascript вы можете l oop в javascript, используя для и в каждой итерации вашего l oop вам нужно использовать createElement, и после этого вы можете использовать метод appendChild javascript для достижения это.

var opt = document.createElement('option'); opt.innerHTML = itr[0]