三级联动获取json数据

<select id="province">
    <option value="">请选择省份</option>
</select>
<select id="city">
    <option value="">请选择城市</option>
</select>
<select id="district">
    <option value="">请选择区县</option>
</select>

$(document).ready(function() {
    // 初始化省份数据
    $.getJSON('path_to_province_data.json', function(data) {
        $.each(data, function(index, item) {
            $('#province').append($('<option>', { 
                value: item.id,
                text : item.name 
            }));
        });
    });

    // 省份改变时加载城市数据
    $('#province').change(function() {
        var provinceId = $(this).val();
        $('#city').empty().append('<option value="">请选择城市</option>');
        $('#district').empty().append('<option value="">请选择区县</option>');
        if(provinceId) {
            $.getJSON('path_to_city_data.json?provinceId=' + provinceId, function(data) {
                $.each(data, function(index, item) {
                    $('#city').append($('<option>', { 
                        value: item.id,
                        text : item.name 
                    }));
                });
            });
        }
    });

    // 城市改变时加载区县数据
    $('#city').change(function() {
        var cityId = $(this).val();
        $('#district').empty().append('<option value="">请选择区县</option>');
        if(cityId) {
            $.getJSON('path_to_district_data.json?cityId=' + cityId, function(data) {
                $.each(data, function(index, item) {
                    $('#district').append($('<option>', { 
                        value: item.id,
                        text : item.name 
                    }));
                });
            });
        }
    });
});