如何动态地将一个HTML option元素添加到select元素中？

17 浏览
0 Comments

如何动态地将一个HTML option元素添加到select元素中？

我如何使用for循环动态地将选项元素添加到下拉菜单中？\n

\n我尝试了各种形式的innerHTML，但都没有成功。

0

2 答案

0 Comments

问题：如何动态地向select添加html选项元素？

原因：用户想要在现有的select元素中动态地添加新的选项元素。

解决方法：

用户可以使用以下代码来实现动态添加选项元素的功能：




var selectInnerHTML = document.getElementById('dynamic-select').innerHTML;
document.getElementById('dynamic-select').innerHTML = selectInnerHTML + '';

用户可以根据自己的需求修改以上代码，并将其放入循环中来动态地添加选项元素。

0
0 Comments

问题的原因是用户想要动态地向一个元素中。

以下是解决方法的代码：




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

这个方法很有效，通过循环将选项添加到