$(document).ready(function() {
    var citySelectBind = function(psID, csID, asID) {
        var op = $("#" + psID);
        var oc = $("#" + csID);
        var oa = $("#" + asID);
        op.get(0).selectedIndex = 0;
        $("<option value='0'>请先选择省</option>").appendTo(oc);
        $("<option value='0'>请先选择省</option>").appendTo(oa);

        oc.attr("disabled", "disabled");
        oa.attr("disabled", "disabled");

        op.change(function() {
            oc.empty();
            oa.empty();
            if (op.val() == "0") {
                $("<option value='0'>请先选择省</option>").appendTo(oc);
                $("<option value='0'>请先选择省</option>").appendTo(oa);

                oc.attr("disabled", "disabled");
                oa.attr("disabled", "disabled");
            }
            else {
                $("<option value='0'>城市</option>").appendTo(oc);
                $("<option value='0'>请先选择城市</option>").appendTo(oa);

                for (i = 0; i < arrCities.area.length; i++) {

                    if (arrCities.area[i].p == op.val() && arrCities.area[i].l == "2") {
                        if (arrCities.area[i].cp == "1") {
                            $("<option value='" + arrCities.area[i].i + "'>" + "*" + arrCities.area[i].n + "</option>").appendTo(oc);
                        }
                        else {
                            $("<option value='" + arrCities.area[i].i + "'>" + arrCities.area[i].n + "</option>").appendTo(oc);
                        }
                    }
                }

                oc.removeAttr("disabled");
                oa.attr("disabled", "disabled");
            }


        });

        oc.change(function() {
            oa.empty();
            if (oc.val() == "0") {
                $("<option value='0'>请先选择城市</option>").appendTo(oa);
                oa.attr("disabled", "disabled");
            }
            else {
                $("<option value='0'>区</option>").appendTo(oa);


                for (i = 0; i < arrCities.area.length; i++) {

                    if (arrCities.area[i].p == oc.val() && arrCities.area[i].n != "其他区" && arrCities.area[i].n != "其它区" && arrCities.area[i].l == "3") {
                        if (arrCities.area[i].cp == "1") {
                            $("<option value='" + arrCities.area[i].i + "'>" +"*"+ arrCities.area[i].n + "</option>").appendTo(oa);
                        }
                        else {
                            $("<option value='" + arrCities.area[i].i + "'>" + arrCities.area[i].n + "</option>").appendTo(oa);
                        }
                    }
                }
                for (i = 0; i < arrCities.area.length; i++) {

                    if (arrCities.area[i].p == oc.val() && (arrCities.area[i].n == "其他区" || arrCities.area[i].n == "其它区") && arrCities.area[i].l == "3") {
                        if (arrCities.area[i].cp == "1") {
                            $("<option value='" + arrCities.area[i].i + "'>" + "*" + arrCities.area[i].n + "</option>").appendTo(oa);
                        }
                        else {
                            $("<option value='" + arrCities.area[i].i + "'>" + arrCities.area[i].n + "</option>").appendTo(oa);
                        }
                        
                    }
                }

                oa.removeAttr("disabled");
            }
        });
    };

    var cityLabelBind = function(psID, csID, asID, plID, clID, alID) {

        citySelectBind(psID, csID, asID);
        var op = $("#" + psID);
        var oc = $("#" + csID);
        var oa = $("#" + asID);
        var opl = $("#" + plID);
        var ocl = $("#" + clID);
        var oal = $("#" + alID);

        if (opl.length == 0) {
            return;
        }

        op.change(function() {
            if (op.val() == "0") {
                opl.html("");
            }
            else {
                opl.html(op.find("option:selected").text().replace("*",""));
            }   
        });

        oc.change(function() {
            if (oc.val() == "0") {
                ocl.html("");
            }
            else {
                ocl.html(oc.find("option:selected").text().replace("*",""));
            }
        });

        oa.change(function() {
            if (oa.val() == "0") {
                oal.html("");
            }
            else {
                oal.html(oa.find("option:selected").text().replace("*",""));
            }
        });
    }

    cityLabelBind("drpProvince", "drpCity", "drpArea", "lblProvinceName", "lblCityName", "lblAreaName");
});