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

 我来答
匿名用户
2018-09-26
展开全部

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>
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式