中国地区三级联动JS [ 2.0 版本 ]

<select id="provice"><option value=""></option></select>
<select id="city"><option value=""></option></select>
<select id="area"><option value=""></option></select>

<?php
//本地引入，增加加载速度，引入city.js，网上可以下载
$this->registerJsFile('$web/js/city.js');
$this->registerJs(' $(mapCityChoice).each(function (i,provice) {
        $("#provice").append("<option>"+provice.name+"</option>");
    });
    $("#provice").change(function()){
    var provice = $(this).val();
    //遍历省
    $(mapCityChoice).each(function(i,provice)){
    //如果省名和遍历到的名字一样
        if(provice.name ==$("#provice").val()){
        //就遍历城市名字，城市为一个数组
            $(mapCityChoice).each(function(i,city)){
            $("#provice").append("<option>"+city.name+"</option>");
                if(provice.name) == $(city).val()
            }
        
        }
    }
    }
    $("#city").change(function(){
    //清理区域数据
    $("#area").html("<option value>=请选择=</option>");
    $(mapCityChoice).each(function(i,provice){
        if(provice.name == $("#provice").val()){
            $(provice.city).each(function(i,city){
                if(city.name == $("#city").val()){
                    $(city.area).each(function(i,area){
                        $("#area").append("<option>"+area+"</option>");
                    });
                }
            });
        }
    });
});
');