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