用JS初始化html中的下拉框select

例如有如下的下拉框：

<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>