为select 动态添加option

最新推荐文章于 2020-12-22 14:16:57 发布

iteye_10306

最新推荐文章于 2020-12-22 14:16:57 发布

阅读量155

点赞数

CC 4.0 BY-SA版权

分类专栏： JavaScript 文章标签： javascript json ViewUI

本文链接：https://blog.youkuaiyun.com/iteye_10306/article/details/82296252

JavaScript 专栏收录该内容

9 篇文章

订阅专栏

本文介绍了一种使用JavaScript动态地为HTML页面上的下拉框添加选项的方法。通过编写简单的脚本，可以根据预定义的数组来生成下拉菜单的各个条目，这有助于提高网页的交互性和用户体验。

<html>
<head></head>
<body onload="addOptions()">
<select id="selectItem">
</select>
</body>
<html>
<script type="text/javascript">
function addOptions() {

var selectItem = document.getElementById("selectItem");
var ss = "['选项1','选项2','选项3']";
var aa = eval(ss);
for(var i=0;i<aa.length;i++) {
selectItem.add(new Option(aa[i],aa[i]));
}

}
</script>

<script type="text/javascript">
var type = document.getElementsByName("type");
while(type.options.length>1) {
type.remove(type.options.length-1);
}

var json = eval("("+returnValue+")");
var id = json.id;
var name = json.name;
for(var i=0;i<name.length;i++) {
type.add(new Option(name[i],id[i]))
}
</script>