如果在一个项目中,jsp页面中的select下拉列表选项来自其他目录下的js文件,一个select回显是简单,但涉及到三级联动select,譬如省份、市级、区/县 回显,就会稍显困难,下面提供解决方案
1、省市区/县select下拉列表选择
<body onload="myFunction()">
<select id="s_province" name="s_province" ></select>
<select id="s_city" name="s_city"></select>
<select id="s_county" name="s_county"></select>
<script class="resources library" src="area.js" type="text/javascript"></script>
</body>
2、引用的js文件
链接:http://pan.baidu.com/s/1czVsM6 密码:eeci
3、初始化并加载
说实话这个myFunction方法写的并不好,后期会稍加改进规范
<script type="text/javascript">
function myFunction(){
_init_area();
if($("#s_province").val()=='省份'){
var c_province ='${item.c_province}'
if(c_province==''){
}else{
$("#s_province option[value="+c_province+"]").attr("selected", "selected");
}
}
//更改第二个select,即市级的option值
change(1);
if($("#s_city").val()=='地级市'){
var c_city ='${item.c_city}'
if(c_city==''){
}else{
$("#s_city option[value="+c_city+"]").attr("selected", "selected");
}
}
//更改第三个select,即区/县的option值
change(2);
if($("#s_county").val()=='市、县级市'){
var c_county ='${item.c_area}'
if(c_county==''){
}else{
$("#s_county option[value="+c_county+"]").attr("selected", "selected");
}
}
}
</script>
网友评论