jquery版select联动 省 市 区

<script type="text/javascript">
        $(document).ready(function() {
            $.ajax({
                url: "/management/Getdate/0",
                type: 'POST',
                dataType: 'JSON',
                timeout: 5000,
                error: function() { alert('Error loading data!'); },
                success: function(msg) {
                    //alert(msg);
                    $("#province").empty();
                    $.each(eval(msg), function(i, item) {
                        $("<option value='" + item.AreaID + "'>" + item.A_Name + "</option>").appendTo($("#province"));
                    });
                    loadCity($("#province").val());
                }
            });
            
            $("#province").change(function() {
                loadCity($("#province").val());
            });
            
            $("#city").change(function() {
                loadDistrict($("#city").val());
            });

            function loadCity(parentid) {
                $.ajax({
                    url: "/management/Getdate/" + parentid,
                    type: 'POST',
                    dataType: 'JSON',
                    timeout: 5000,
                    error: function() { alert('Error loading data!'); },
                    success: function(msg) {
                        //alert(msg);
                        $("#city").empty();
                        $.each(eval(msg), function(i, item) {
                            $("<option value='" + item.AreaID + "'>" + item.A_Name + "</option>").appendTo($("#city"));
                        });
                        loadDistrict($("#city").val());
                    }
                });
            }

            function loadDistrict(parentid) {
                $.ajax({
                    url: "/management/Getdate/" + parentid,
                    type: 'POST',
                    dataType: 'JSON',
                    timeout: 5000,
                    error: function() { alert('Error loading data!'); },
                    success: function(msg) {
                        //alert(msg);
                        $("#district").empty();
                        $.each(eval(msg), function(i, item) {
                            $("<option value='" + item.AreaID + "'>" + item.A_Name + "</option>").appendTo($("#district"));
                        });
                    }
                });
            }
        });

    </script>


var data="
{
root:
[
{name:'1',value:'0'},
{name:'6101',value:'北京市'},
{name:'6102',value:'天津市'},
{name:'6103',value:'上海市'},
{name:'6104',value:'重庆市'},
{name:'6105',value:'渭南市'},
{name:'6106',value:'延安市'},
{name:'6107',value:'汉中市'},
{name:'6108',value:'榆林市'},
{name:'6109',value:'安康市'},
{name:'6110',value:'商洛市'}
]
}";

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值