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>

温馨提示:答案为网友推荐,仅供参考