用JS初始化html中的下拉框select
阿新 • • 發佈:2019-02-09
例如有如下的下拉框:
<select class="weather" ></select>
現在對其初始化
var options=[' ','晴','多雲','小雨','大雪'];
initselect('weather',options);
對應的JS程式碼如下:
//初始化下拉框 function initselect(className,options){ var sele = document.getElementsByTagName("select"); var option; var value; for (var i=0; i<sele.length; i++) { if (sele[i].className == className) { sele[i].innerHTML=''; value=sele[i].getAttribute("para.value"); for(var j=0;j<options.length;j++){ option=document.createElement("option"); option.value=options[j]; option.innerHTML=options[j]; if(value==options[j]){ option.selected="selected"; } sele[i].appendChild(option); } } } }
當然,也可以給下拉框設定指定的值,利用虛擬屬性para.value
<select class="weather" para.value="晴" ></select>