很多时候，由于后台传的数据特别多，需要使用动态生成元素的方式
1）在body中：
<body>
<span>喜欢的城市</span>
<select name="" id="select"></select>
</body>
2）在js中 （用append或者html的方式）
<script src="../jquery-3.3.1.min.js"></script>
<script>
var city=[
{'name':'武汉'},
{'name':'上海'},
{'name':'北京'},
{'name':'深圳'}
];
//1.用append
// for(var i=0;i<city.length;i++){
// $("#select").append('<option value="">'+city[i].name+'</option>');
// }
//2.用html
// var str;
// for(var i=0;i<city.length;i++){
// str+='<option value="">'+city[i].name+'</option>';
// }
// $("#select").html(str);
</script>
3）扩展，除了上面两种外，还有map的方式
1）body中
<body>
<span>喜欢的城市</span>
<select name="" id="select">
</select>
</body>
2）js中
<script src="../jquery-3.3.1.min.js"></script>
<script>
var city=[
{'name':'武汉'},
{'name':'上海'},
{'name':'北京'},
{'name':'深圳'}
];
var array=[];
var cityInfo = city.map(function(ele,index){
return '<option value="">'+ele.name+'</option>';
});
console.log(cityInfo.join(''));
$("#select").html(cityInfo.join(''));
</script>
2530
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
