Question

世界主要国家地区下拉菜单三级联动Js效果

Answer 1

楼主可以看下这个http:@//www@.erdangjiade@.com@/js/1036.html@

<script type="text/javascript">
    var country = '';
    for (var a=0;a<=_areaList.length-1;a++) {
        var objContry = _areaList[a];
         country += '<option value="'+objContry+'" a="'+(a+1)+'">'+objContry+'</option>';
    }
    $("#country").html(country).chosen().change(function(){
        var a = $("#country").find("option[value='"+$("#country").val()+"']").attr("a");
        var _province = areaObj[a];
        var province = '';
        for (var b in _province) {
            var objProvince = _province[b];
            if (objProvince.n) {
                province += '<option value="'+objProvince.n+'" b="'+b+'">'+objProvince.n+'</option>';
            }
        }
        if (!province) {
            province = '<option value="0" b="0">------</option>';
        }
        $("#province").html(province).chosen().change(function(){
            var b = $("#province").find("option[value='"+$("#province").val()+"']").attr("b");
            var _city = areaObj[a][b];
            var city = '';
            for (var c in _city) {
                var objCity = _city[c];
                if (objCity.n) {
                    city += '<option value="'+objCity.n+'">'+objCity.n+'</option>';
                }
            }
            if (!city) {
                var city = '<option value="0">------</option>';
            }
            $("#city").html(city).chosen().change();
            $(".dept_select").trigger("chosen:updated");
        });
        $("#province").change();
        $(".dept_select").trigger("chosen:updated");
    });
    $("#country").change();
    $("button").click(function(){
        alert($("#country").val()+$("#province").val()+$("#city").val());
    });
</script>