<body>
//html部分先写一个列表select
<select name="" id="sel"></select>
//js部分
<script>
//数组内容
var data = ["北京","上海","广州"];
//获取select
var sel = document.getElementById(‘sel‘);
//因为一会要用str来拼接，所以要先声明一下
var str = "";
// console.log(sel);看能否获取到select
//遍历循环，将每一项都拼接到str中
for(var i=0;i<data.length;i++){
//试着获取data里的每一个值看能否获取到
console.log(data[i]);
//拼接str，把data里面的所有值都放在option标签里
str +=‘<option>‘+data[i]+‘</option>‘;
}
//把拼接好的str放到select标签里
sel.innerHTML = str;
</script>
</body>
这个与前面的把json放到表格里一样，也是我一直想试验的，但是之前一直都没有写过，因为感觉自己的js基础还是不牢靠，不敢写。但是实际上了解基本知识后写这个也就很容易了，这个demo主要就是为了把一个数组里的内容动态添加到select这个下拉列表中，不需要我们在html中一个个的添加option标签和内容。一个很简单的demo就先到这里啦。
时间： 2024-10-18 17:31:32