Jsp中Select下拉列表回显

作者: 薛定谔的猴子 | 来源:发表于2017-05-08 23:43 被阅读2518次

Jsp中Select下拉列表回显
01.22 下拉列表和多行文本域
select
前端开发学习第十八天
认识HTML---------表单标签非input标签
robot framework之element is not c
select
3-7. 表单-非input标签
select标签
select textarea标签

如果在一个项目中，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>