用jquery写的json省市县三级联动下拉

    <form action="#" name="myform">
        <label>省</label><select name="provice" id="provice"><option value="-1">请输入省份</option></select>
        <label>市</label><select name="city" id="city"><option value="-1">请输入城市</option></select>
        <label>县</label><select name="locale" id="locale"><option value="-1">请输入区县</option></select>
    </form>  

2. 定义json数据源：

    var jsonData = [{
        treeNode : '请输入省份',
        value : -1,
        childNode : [{
        treeNode : '请输入城市',
        value : -1,
        childNode : [{
                treeNode : '请输入区县',
            value : -1,
            childNode : []
        }]
        }]
    },{
        treeNode : '北京',
        value : 1,
        childNode : [{
        treeNode : '东城区',
        value : 11,
        childNode : []
        },{
        treeNode : '西城区',
        value : 12,
        childNode : []
        }]
    },{
        treeNode : '广西壮族自治区',
        value : 2601,
        childNode : [{
        treeNode : '南宁',
        value : 6653,
        childNode : [{
            treeNode : '横县',
            value : 10799,
            childNode : []
        }, {
            treeNode : '宾阳县',
            value : 10800,
            childNode : []
            }]
        }]
    }]  

3. javascript代码：

    function initCountry(){
        var provice = $("#provice");
        var city = $("#city");
        var locale = $("#locale");
        var proviceStr = "";
        $.each(<span style="color:#FF0000;">jsonData</span>,function(index,items){
            proviceStr += "<option value='"+jsonData[index].value+"'>"+jsonData[index].treeNode+"</option>";
        });
        provice.empty().append(proviceStr);
        provice.bind("change",function(){
            if($(this).find(":selected").attr("value") == -1){
                city.empty().append("<option value='-1'>请输入区县</option>");
            }
        });
        provice.bind("change",function(){
            var cityStr = '';
            var index = provice.find(":selected").index();
            $.each(jsonData[index].childNode,function(index,items){
                city.empty();
                cityStr += "<option value='"+items.value+"'>"+items.treeNode+"</option>";
                city.append(cityStr);
            })
            changeLocale();
        });
        city.bind("change",changeLocale);
        function changeLocale(){
            var localeStr = '';
            var index = provice.find(":selected").index();
            var index2 = city.find(":selected").index();
            $.each(jsonData[index].childNode[index2].childNode,function(index,items){
                locale.empty();
                localeStr += "<option value='"+items.value+"'>"+items.treeNode+"</option>";
                locale.append(localeStr);
            })
            if(localeStr == ''){
                locale.empty();
                locale.append("<option value='-11'>请输入区县</option>");
            }
        }
    }
    $(function(){
        initCountry();  

    })