﻿function FillRegion(objProvince, objCity,defaultValue)
{
    var objXml = undefined;
    var xmlPath = "Config/Region.xml";
    var provinceListId = "#" + objProvince;
    var cityListId = "#" + objCity;

    function FillProvince() 
    {
        var obj = $(provinceListId)[0];
        obj.options.length = 0;
        obj.options.add(new Option("--不限--", "0"));
        
        objXml.find("province").each
        (
            function(xml)
            {
                var name = $(this).attr("name");
                var id = $(this).attr("id");
                obj.options.add(new Option(name, id));
            }
        )
    }

    function FillCity() 
    {
        var provinceId = $(provinceListId + " option:selected").attr("value");
        var obj = $(cityListId)[0];
        obj.options.length = 0;
        obj.options.add(new Option("--不限--", "0"));
        
        objXml.find("province[id=" + provinceId + "] > city").each
        (
            function(xml) 
            {
                var name = $(this).attr("name");
                var id = $(this).attr("id");
                obj.options.add(new Option(name, id));
            }
        )    }

    this.Fill = function() {
        $.ajax
        ({
            url: xmlPath,
            dataType: "xml",
            success: function(xml) {
                objXml = $(xml);
                $(provinceListId).bind("change", FillCity);
                FillProvince();
                FillCity();
                if (defaultValue != undefined && defaultValue.split(',').length == 2) {
                    var provinceName = defaultValue.split(',')[0];
                    var cityName = defaultValue.split(',')[1];
                    $(provinceListId).val(provinceName);
                    $(provinceListId).change();
                    $(cityListId).val(cityName);
                    $(cityListId).change();
                }
            }
        });
    }
}






