js 下拉框动态赋值 如何实现

如题所述

json测试文件

{

"first":[

{"name":"001"},

{"name":"002"},

{"name":"003"},

{"name":"004"},

{"name":"005"},

{"name":"006"},

{"name":"007"}

]

}

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>下拉列表</title>
</head>

<body>
<select id="asd">

</select>
<script type="text/javascript" src="jquery-1.11.3.min.js"></script>
<script>
$(function () {
$.ajax({
type:"get",
url:"ceshi.json",
async:true,
dataType:"json",
success:function (data) {
$.each(data.first, function(i,item) {
var sele='<option value="'+item.name+'">'+item.name+'</option>';
$("#asd").append(sele);
});
}
});
})
</script>
</body>
</html>

温馨提示:内容为网友见解,仅供参考
无其他回答

js选择一个下拉框,其他下拉框怎么和选择下拉框值相同
你想改变一个,其他的都跟着变,可以用class,class可以是公用的,然后监听class的change变化,再给所有的select赋值。我自己试了试,是可以的:var htm = null;for (var i = 0; i < 5; i++) { htm += '01';}$('#test').html(htm);$('.comm').change(function() { $('....

用js给select插入option
1、使用innerHTML var shosetype=document.createElement("select"); \/\/创建select标签 shosetype.setAttribute("id","sc");\/\/设置select的id为“sc"document.body.appendChild(shosetype);\/\/将select添加到bodyvar option="添加成功";\/\/新建optionsshosetype.innerHTML=option;\/\/将option添加到select...

相似回答