Jsp中Select下拉列表回显

如果在一个项目中,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>
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容