您的位置：首页 > 其它

基于SSH实现下拉框的二级联动

2015-08-09 15:45 375 查看
<script type="text/javascript">

    $(function(){

        getzhuceid();

    });

        function getzhuceid() {  

            var zhuceid = document.getElementById("zhuceid").value;

            var url = "DeptAction.action?id="+zhuceid;  

            $.ajax( {  

                type : "POST",  

                url : url,  

                dataType : "JSON",  

                success : function(data) {  

                    //data为后台返回的Json信息  

                    for(var n=0;n<data.length;n++){  

                      var ids=data
.id;  

                        var names=data
.name;  

                        $("#registeredAddressTown").append("<option id='"+ids+"' value='"+names+"'>"+names+"</option>");  

                        }  

                }  

            });  

        }
    </script>

 <body>

    <select  id="zhuceid" onchange="getzhuceid()">

        <s:iterator value="list" var="d">

            <option value="${d.deptId}">${d.deptName}</option>

        </s:iterator>

    </select>

    <select id="registeredAddressTown"></select>  

  </body>

注意： Struts配置文件中要配置json   比如：

<package name="Dept" extends="json-default" namespace="/">

        <action name="DepartmentsAction" class="web" method="comboxlist">

            <result name="success">index.jsp</result>

        </action>

        <action name="DeptAction" class="web" method="comboxPos">

            <result name="success" type="json">

                 <param name="root">plists</param>

            </result>

        </action>

   </package>

Action:

把需要的属性提取出来封装成一个对象， 然后赋值，然后使用json传值。前台接收数据。
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签：  ssh 二级联动 下拉框
相关文章推荐
新的分享
章节导航