美文网首页
Jsp中Select下拉列表回显

Jsp中Select下拉列表回显

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

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

    相关文章

      网友评论

          本文标题:Jsp中Select下拉列表回显

          本文链接:https://www.haomeiwen.com/subject/mhovtxtx.html