spring/struts/hibernate+jquery实现三级联动

jsp页面部分:

 <li id="floors">
       <span class="title" id="floorShow">选择楼栋:</span>
       <select name="build" id="build" style="width: 282px;height: 40px;" onchange="floor2()">
       </select>
 </li>
 <li id="builds">
       <span class="title" id="floorShow">选择住房:</span>
       <select name="builds" id="floot2" style="width: 282px;height: 40px;">
       </select>
</li>

js部分:

    function floor(){

        document.getElementById("build").options.length =0;
        document.getElementById("floot2").options.length =0;
        var parentId = document.getElementById("village").value;

        if(parentId == 0){

        }else{
            $.ajax({
                type : "post",
                url : "floor.action",
                data : {"parentId":parentId},
                dataType : "json",
                success :function(data){

                    console.log(data);
                    var len = data.length;

                    var htm = "<option value='0'>请选择</option>";
                    for(var i=0;i<len;i++){
                        htm += "<option value='"+data[i].id+"'>"+data[i].info+"</option>";
                    }

                    $("#build").append(htm);
                }
            })
        }
    }

    function floor2(){
        document.getElementById("floot2").options.length =0;
        var build = document.getElementById("build").value;

        if(build == 0){

        }else{
            $.ajax({
                type : "post",
                url : "floor2.action",
                data : {"parentId":build},
                dataType : "json",
                success : function(data){
                    var len = data.length;
                    var htm = "<option value='0'>请选择</option>";
                    for(var i=0;i<len;i++){
                        htm += "<option value='"+data[i].id+"'>"+data[i].info+"</option>";
                    }
                    $("#floot2").append(htm);
                }
            })
        }
    }

struts2配置部分:

<package name="user" namespace="/" extends="json-default">
        <action name="floor" class="addressInfoAction" method="floor">
            <result type="json">
                <param name="root">floor</param>
            </result>
        </action>

        <action name="floor2" class="addressInfoAction" method="floor2">
            <result type="json">
                <param name="root">floor2</param>
            </result>
        </action>
    </package>

action部分:

public String floor(){
        System.out.println("这里是ajax调用");
        //floor = addressInfoService.getFloor(addressInfo.getParentId());
        System.out.println(addressInfo.getParentId());
        floor = addressInfoService.getFloor(addressInfo.getParentId());
        return SUCCESS;
    }

    public String floor2(){
        System.out.println("这里是ajax的第二次调用");
        System.out.println(addressInfo.getParentId());
        floor2 = addressInfoService.getBuild(addressInfo.getParentId());
        return SUCCESS;
    }

最后,一定不要忘记导入struts2-json-plugin-2.3.15.1.jar 这个夹包的版本也要和struts2的其他的夹包的版本一致~~!

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值