Javascript 如何将html选项元素动态添加到select中？

如何使用for循环将选项元素动态添加到select

<select class="custom-select custom-select-lg mb-3">
  <option selected>Open this select menu</option>
  <option value="1">One</option>
  <option value="2">Two</option>
  <option value="3">Three</option>
</select>

打开此选择菜单
一
二
三

---

我尝试过各种形式的innerHTML，但没有成功。

这应该可以。您可以修改代码以适应循环并添加动态选项

var-selectInnerHTML=document.getElementById（'dynamic-select'）.innerHTML；
document.getElementById（'dynamic-select'）。innerHTML=selectInnerHTML+'Four'

打开此选择菜单
一
二
三
是否添加从阵列中选择的选项

html



javascript

var myOptions = ['one','two','three'];
var select = document.getElementById('select');
for (var i = 1; i <= myOptions.length; i++) {
    var option = '<option value="'+ i + '" >' + myOptions[i-1] + '</option>';
    select.insertAdjacentHTML( 'beforeend', option );
}

var myOptions=['1'，'2'，'3']；
var select=document.getElementById（'select'）；
for（var i=1；我相信这之前已经得到了回答。为什么需要for循环？更具体一点。你没有发布你提到的循环。这个循环的可能副本对我很有用。我想我没有深入到html文档中，没有遇到insertAdjacentHTML。
var myOptions = ['one','two','three'];
var select = document.getElementById('select');
for (var i = 1; i <= myOptions.length; i++) {
    var option = '<option value="'+ i + '" >' + myOptions[i-1] + '</option>';
    select.insertAdjacentHTML( 'beforeend', option );
}