你的位置:首页 > Java教程

[Java教程]把一个数组内容动态添加到下拉列表中


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