例如有如下的下拉框:
<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>