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