城市四级联动菜单 省市区街道

浏览:9462 发布日期:2016/03/17 分类:功能实现 关键字: Javascript jQuery PHP 城市级联 城市数据
desc
javascript ;(function( $ , win , doc , undefined ){
        var indexs = 0;
         var obj = $('#getAddress select');
        var base_op = "<option>--请选择--</optoin>";
         obj.change(function(){
            var this_val = $(this).val();
            var this_index = $(this).index() + 1;

            $(this).parent('div').find('select').each(function(i){
                if(i > (this_index-1)){
                    $(this).val(base_op);
                }
            });

            getAddress(this_val,this_index);
        });

        //获取地址
        function getAddress(level,ix){
            $.get("__URL__/getAddress",{le : level},function(res){
                var selNode = base_op;
                for(var i=0;i < res.length;i++){
                    selNode += '<option value="' + res[i].id +'">' + res[i].name + '</option>';
                }

                obj.eq(ix).html(selNode);
            },"json");
        }

        getAddress(0,indexs);

     })(jQuery,window,document);//如果你的项目此处还有其他的js代码需要使用j/w/d对象
PHPpublic function getAddress(){
    $level = I("get.le");
    $result = M("wd_addr")->where("pid =" . $level)->select();//这里我的项目是用的文件缓存,具体看你。这里仅仅演示
    $this->ajaxReturn($result,'JSON');
}
HTML<div id="getAddress">
    <select name="">
        <option value="0">--请选择--</option>
    </select>
    <select name="">
        <option value="0">--请选择--</option>
    </select>
    <select name="">
        <option value="0">--请选择--</option>
    </select>
    <select name="">
        <option value="0">--请选择--</option>
    </select>
</div>

附件 wd.rar ( 338.02 KB 下载:469 次 )

评论( 相关
后面还有条评论,点击查看>>