100字范文,内容丰富有趣,生活中的好帮手!
100字范文 > JS动态生成select下拉框的option并默认选中

JS动态生成select下拉框的option并默认选中

时间:2019-08-26 16:01:08

相关推荐

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

}

}

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。