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