JS動態生成select下拉框的option並默認選中

這裏以民族下拉框爲例:

<tr>
       <td width="158" height="38" align="right" valign="middle">民族:</td>
        <td height="38" align="left" valign="middle" class="putccc">
             <input type="hidden" value="${stu.nations}" id="mz" />
             <select id="nations" name="nations" dataType="Notnull" msg="民族不能爲空!">
             </select><font color="red">*</font>
         </td>
 </tr>

//初始化頁面信息
    function yunxing(){
       
        var nationList = ["漢族","蒙古族","回族","藏族","維吾爾族","苗族","彝族","壯族","布依族","朝鮮族","滿族","侗族","瑤族","白族","土家族",  
                       "哈尼族","哈薩克族","傣族","黎族","傈僳族","佤族","畲族","高山族","拉祜族","水族","東鄉族","納西族","景頗族","柯爾克孜族",  
                       "土族","達斡爾族","仫佬族","羌族","布朗族","撒拉族","毛南族","仡佬族","錫伯族","阿昌族","普米族","塔吉克族","怒族", "烏孜別克族",  
                      "俄羅斯族","鄂溫克族","德昂族","保安族","裕固族","京族","塔塔爾族","獨龍族","鄂倫春族","赫哲族","門巴族","珞巴族","基諾族"];  
        $("#nations").append("<option value=''>--請選擇--</option>");
        for(i=0;i<nationList.length;i++){
            var a=nationList[i];
            $("#nations").append("<option value='"+a+"' >"+a+"</option>");
        }
        //調用複選框默認選中方法
        selectedVal();
    }


    //遍歷下拉框設置默認選項
    function selectedVal(){
        var nation=document.getElementById("nations");
        var mz=document.getElementById("mz").value;
        var ops=nation.options;
        for (var i = 0; i < ops.length; i++) {
            var tempVal=ops[i].value;
            if(tempVal == mz){
                ops[i].selected=true;
            }else{}
        }
    }

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章