省市乡三级联动

来源:互联网 发布:java趣味编程 pdf 编辑:程序博客网 时间:2024/04/30 07:43

json数据:



代码实现:

$(".select_option:eq(3)").click(function(){

$.get("index.php?r=common/getCity&province=",{                            //$get("url",{传递给后台数据   属性名:值},function(data){获取data数据并显示})

                    province:$(".select_option:eq(3) li.selected").attr("val")       //此处不可有逗号,ie对json数据最后一个逗号检测严格

                },function(data){ 
                    var citys=eval("("+data+")");
                    $.each(citys, function(index,city){                                              //each遍历citys
                            $(".select_option:eq(4)").append("<li class='city' val='"+city.val+"'>"+city.name+"</li>");                            
                    });

}

});

省份选择之后传递省份获取后台对应json数据显示城市。

同理城市选择传递城市获取后台json显示乡镇。





0 0
原创粉丝点击