我的
HTML页面上有一个select元素.我想用数组填充它.因为我们可以在操作脚本中给数组添加到组合框中.我做如下
在HTML …
<table> <tr> <td> <label>Recording Mode:</label> </td> <td> <select id="rec_mode"> </select> </td> </tr> </table>
在javascript …
var videoSrcArr = new Array("option1","option2","option3","option4","option5");
当页面加载VideoSrcArr时,如何填充rec_mode元素?谢谢
解决方法
我强烈建议您使用如下格式:
var options = [ { "text" : "Option 1","value" : "Value 1" },{ "text" : "Option 2","value" : "Value 2","selected" : true },{ "text" : "Option 3","value" : "Value 3" } ]; var selectBox = document.getElementById('rec_mode'); for(var i = 0,l = options.length; i < l; i++){ var option = options[i]; selectBox.options.add( new Option(option.text,option.value,option.selected) ); }
您不会遇到不得不选择默认选项的问题,您可以动态地轻松地生成选项数组.
– 更新 –
ES6版上述代码:
var optionList = document.getElementById('rec_mode').options; var options = [ { "text" : "Option 1","value" : "Value 3" } ]; options.forEach( (option) => optionList.add( new Option(option.text,option.selected ) );
原文地址:https://www.jb51.cc/js/151032.html
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。