$(document).ready(
function initAll() {
    LoadValidation();
    BindArea();
}
);


function BindArea() {
    var beforeSendMessage = '正在加载,请稍候...';
    var ErrorMessage = '<span class="red">对不起,请求错误.请检查您的服务设置或者程序配置.</span>';

    //绑定省份下的城市
    $('.Province').change(function() {
        $('.Area').attr('disabled', 'disabled');
        AjaxRequstFn('Province', 'City', 'City');
    });
    //    这里面不要选地区，所以选择城市就不要再触发事件了   
    //绑定城市下的地区
    $('.City').change(function() {
        AjaxRequstFn('City', 'Area', 'Area');
        //获取ID为GetArea下的下拉菜单选中的值
        //var GetText = $('#GetArea > select option:selected').text();
        var getProvince = $('.Province option:selected').text();
        var getCity = $('.City option:selected').text();
        $('#txtArea').val(getProvince + "|" + getCity);
        $('input[id*=hfArea]').val(getProvince + "|" + getCity);
    });
    //    //选择地区后给文本框赋值
    //    $('.Area').change(function() {
    //        //获取ID为GetArea下的下拉菜单选中的值
    //        var GetText = $('#GetArea > select option:selected').text();
    //        $('#txtArea').val(GetText);
    //    });
    function AjaxRequstFn(FID, id, requestType) {
        $.ajax({
            type: 'GET',
            url: 'AjaxHandler/AreaHandler.ashx',
            processData: false,
            dataType: 'text',
            data: 'fid=' + escape($('.' + FID).val()) + '&type=' + requestType,
            beforeSend: function(XMLHttpRequest) {
                $('.' + id).html(beforeSendMessage);
            },
            success: function(data, textStatus) {
                FormatData(data, id); //格式化字符串
            },
            complete: function(XMLHttpRequest, textStatus) {
            },
            error: function(XMLHttpRequest, textStatus, errorThrown) {
                $('#showResult').html(ErrorMessage);
            }
        });
    }
};
//格式化字符串
function FormatData(data, id) {
    var items = data.split('$');
    var value = '';
    var text = '';
    $('.' + id).append('<option value="-1">==请选择==</option>');
    for (var i = 0; i < items.length; i++) {
        value = items[i].substr(0, 6);
        text = items[i].substr(6, items[i].length);
        $('.' + id).append('<option value="' + value + '">' + text + '</option>');
    }
    $('.' + id).removeAttr('disabled');
}