把一个数组内容动态添加到下拉列表中

最新推荐文章于 2023-03-13 18:01:13 发布

weixin_30709635

最新推荐文章于 2023-03-13 18:01:13 发布

阅读量895

点赞数 2

文章标签： json

原文链接：http://www.cnblogs.com/hanyining/p/5470634.html

版权

<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就先到这里啦。

转载于:https://www.cnblogs.com/hanyining/p/5470634.html

weixin_30709635

关注

2
点赞
踩
9

收藏

觉得还不错? 一键收藏
0
评论
把一个数组内容动态添加到下拉列表中

<body>//html部分先写一个列表select<select name="" id="sel"></select>//js部分<script>//数组内容 var data = ["北京","上海","广州"];//获取select var sel = document.getElementById('s...
复制链接

扫一扫