码迷,mamicode.com
首页 > 编程语言 > 详细

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

时间:2016-05-08 15:01:02      阅读:229      评论:0      收藏:0      [点我收藏+]

标签:

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

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

标签:

原文地址:http://www.cnblogs.com/hanyining/p/5470634.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!