jquery依赖下拉列表，国家、州、地区和城市不工作_Jquery

jquery依赖下拉列表，国家、州、地区和城市不工作

jquery

jquery依赖下拉列表，国家、州、地区和城市不工作,jquery,Jquery,大家好，我正在创建一页相关下拉列表，使用jquery，我想要县、州、区、曼德尔和城市我想要相关下拉列表如何为此编写代码，我正在尝试编写代码，但不起作用，请任何人给我解决方案，我的代码在下面给出plase check并给我解决方案，我正在尝试解决这个问题，但没有得到这个解决方案。请给出解决方案 $(document).ready(function(){ // Countries var country_arr = new Array("Select Country","AUSTRA

大家好，我正在创建一页相关下拉列表，使用jquery，我想要县、州、区、曼德尔和城市我想要相关下拉列表如何为此编写代码，我正在尝试编写代码，但不起作用，请任何人给我解决方案，我的代码在下面给出plase check并给我解决方案，我正在尝试解决这个问题，但没有得到这个解决方案。请给出解决方案

$(document).ready(function(){
    // Countries
    var country_arr = new Array("Select Country","AUSTRALIA","INDIA","NEW ZEALAND","USA","UAE","MAURITIUS");

    $.each(country_arr, function (i, item) {
        $('#country').append($('<option>', {
            value: i,
            text : item,
        }, '</option>' ));
    });

    // States
    var s_a = new Array();
    s_a[0]="Select State";
    s_a[1]="Select State|QUEENSLAND|VICTORIA";
    s_a[2]="Select State|ANDHRAPRADESH|KARNATAKA|TAMILNADU|DELHI|GOA|W-BENGAL|GUJARAT|MADHYAPRADESH|MAHARASHTRA|RAJASTHAN";
    s_a[3]="Select State|AUCKLAND";
    s_a[4]="Select State|NEWJERSEY|ILLINOIS";
    s_a[5]="Select State|DUBAI";
    s_a[6]="Select State|MAURITIUS";

    //district

    var d_a = new Aarry();
    d_a['ANDHRAPRADESH']="GUNTUR|KRISHNA|PRAKASHAM|NELLORE";

    // Cities
    var c_a = new Array();
    c_a['GUNTUR']="GUNTUR|NASARAOPET|PIDUGURALLA|VINUKONDA|MACHARLA|SATANAPALLI";
    c_a['KRISHNA']="VIJAYAWADA|MACHILIPATNAM|GUDIVADA";
    c_a['PRAKASHAM']="ONGOLE|CHIRALA|PARCHUR";
    c_a['NELLORE']="NELLORE|GUDUR";
    c_a['QUEENSLAND']="BRISBANE";
    c_a['VICTORIA']="MELBOURNE";
    c_a['ANDHRAPRADESH']="HYDERABAD";
    c_a['KARNATAKA']="BANGLORE";
    c_a['TAMILNADU']="CHENNAI";
    c_a['DELHI']="DELHI";
    c_a['GOA']="GOA";
    c_a['W-BENGAL']="KOLKATA";
    c_a['GUJARAT']="AHMEDABAD1|AHMEDABAD2|AHMEDABAD3|BARODA|BHAVNAGAR|MEHSANA|RAJKOT|SURAT|UNA";
    c_a['MADHYAPRADESH']="INDORE";
    c_a['MAHARASHTRA']="MUMBAI|PUNE";
    c_a['RAJASTHAN']="ABU";
    c_a['AUCKLAND']="AUCKLAND";
    c_a['NEWJERSEY']="EDISON";
    c_a['ILLINOIS']="CHICAGO";
    c_a['MAURITIUS']="MAURITIUS";
    c_a['DUBAI']="DUBAI";


    $('#country').change(function(){
        var c = $(this).val();
        var state_arr = s_a[c].split("|");
        $('#state').empty();
        $('#district').empty();
        $('#city').empty();
        if(c==0){
            $('#state').append($('<option>', {
                value: '0',
                text: 'Select State',
            }, '</option>'));
        }else {
            $.each(state_arr, function (i, item_state) {
                $('#state').append($('<option>', {
                    value: item_state,
                    text: item_state,
                }, '</option>'));
            });
        }
        $('#district').append($('<option>', {
            value: '0',
            text: 'Select district',
        }, '</option>'));
    });

    $('#state').change(function(){
        var s = $(this).val();
        if(s=='Select State'){
            $('#district').empty();
            $('#city').empty();
            $('#district').append($('<option>', {
                value: '0',
                text: 'Select District',
            }, '</option>'));
        }
        var district_arr = d_a[s].split("|");
        $('#district').empty();

        $.each(district_arr, function (j, item_district) {
            $('#district').append($('<option>', {
                value: item_district,
                text: item_district,
            }, '</option>'));
        });


    });
});
<select name="country" id="country"></select> <br>

$（文档）.ready（函数（）{
//国家
var country_arr=新数组（“选择国家”、“澳大利亚”、“印度”、“新西兰”、“美国”、“阿联酋”、“毛里求斯”）；
美元，每个（国家/地区，职能（i，项目）{
$（'#country'）。附加（$（''）{
价值观：我，
案文：项目，
}, '' ));
});
//州
var s_a=新数组（）；
s_a[0]=“选择状态”；
s|a[1]=“选择州|昆士兰|维多利亚州”；
s|a[2]=“选择州|安得拉邦|卡纳塔克邦|泰米尔纳德邦|德里|果阿|西孟加拉|古吉拉特邦|中央邦|马哈拉施特拉邦|拉贾斯坦邦”；
s|a[3]=“选择州|奥克兰”；
s|a[4]=“选择州|新泽西州|伊利诺伊州”；
s|a[5]=“选择迪拜州”；
s|a[6]=“选择州|毛里求斯”；
//地区
var d_a=新的Aarry（）；
d|a['ANDHRAPRADESH']=“GUNTUR | KRISHNA | PRAKASHAM | NELLORE”；
//城市
var c_a=新数组（）；
c|a[“GUNTUR”]=“GUNTUR | NASARAOPET | PIDUGURALLA | VINUKONDA | MACHARLA | SATANAPALLI”；
c|a['KRISHNA']=“VIJAYAWADA | MACHILIPATNAM | GUDIVADA”；
c|a['PRAKASHAM']=“ONGOLE | CHIRALA | PARCHUR”；
c|a['NELLORE']=“NELLORE | GUDUR”；
c_a[“昆士兰”]=“布里斯班”；
c_a[“维多利亚”]=“墨尔本”；
c_a[“安得拉邦”]=“海得拉巴”；
c_a[‘卡纳塔克邦’]=“班格罗尔”；
c_a[“泰米尔纳德邦”]=“钦奈”；
c_a[“德里”]=“德里”；
c_a['GOA']=“GOA”；
c_a['W-孟加拉]=“加尔各答”；
c|a[“古吉拉特邦”]=“艾哈迈达巴德1 |艾哈迈达巴德2 |艾哈迈达巴德3 |巴罗达|巴夫纳格尔|梅哈纳|拉吉科特|苏拉特|乌纳”；
c_a[“中央邦”]=“印多尔”；
c|a[‘马哈拉施特拉邦’]=“孟买|浦那”；
c_a[‘拉贾斯坦邦’]=“阿布”；
c_a[“奥克兰”]=“奥克兰”；
c_a[“新泽西州”]=“爱迪生”；
c_a[“伊利诺伊州”]=“芝加哥”；
c_a[“毛里求斯”]=“毛里求斯”；
c_a[“迪拜”]=“迪拜”；
$（'#country'）。更改（函数（）{
var c=$（this.val（）；
var state_arr=s_a[c]。拆分（“|”）；
$（'#state'）.empty（）；
$（“#地区”）.empty（）；
$（“#城市”）.empty（）；
如果（c==0）{
$（'#state'）。追加（$（''）{
值：“0”，
文本：“选择状态”，
}, ''));
}否则{
$。每个（状态\u arr，功能（i，项目\u状态）{
$（'#state'）。追加（$（''）{
值：项目状态，
文本：项目状态，
}, ''));
});
}
$（'地区'）。附加（$（''）{
值：“0”，
文本：“选择地区”，
}, ''));
});
$（'#state'）。更改（函数（）{
var s=$（this.val（）；
如果（s==‘选择状态’）{
$（“#地区”）.empty（）；
$（“#城市”）.empty（）；
$（'地区'）。附加（$（''）{
值：“0”，
文本：“选择地区”，
}, ''));
}
var district_arr=d_a[s]。拆分（“|”）；
$（“#地区”）.empty（）；
$。每个（地区、职能（j、项目、地区）{
$（'地区'）。附加（$（''）{
价值：项目(地区)，
正文：项目(地区)，
}, ''));
});
});
});

试试这段代码

<script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
<script>
$(document).ready(function(){
// Countries
var country_arr = new Array("Select Country","AUSTRALIA","INDIA","NEW ZEALAND","USA","UAE","MAURITIUS");

$.each(country_arr, function (i, item) {
    $('#country').append($('<option>', {
        value: i,
        text : item,
    }, '</option>' ));
});

// States
var s_a = new Array();
s_a[0]="Select State";
s_a[1]="Select State|QUEENSLAND|VICTORIA";
s_a[2]="Select State|ANDHRAPRADESH|KARNATAKA|TAMILNADU|DELHI|GOA|W-BENGAL|GUJARAT|MADHYAPRADESH|MAHARASHTRA|RAJASTHAN";
s_a[3]="Select State|AUCKLAND";
s_a[4]="Select State|NEWJERSEY|ILLINOIS";
s_a[5]="Select State|DUBAI";
s_a[6]="Select State|MAURITIUS";

//district

var d_a = new Array();
d_a['ANDHRAPRADESH']="GUNTUR|KRISHNA|PRAKASHAM|NELLORE";

// Cities
var c_a = new Array();
c_a['GUNTUR']="GUNTUR|NASARAOPET|PIDUGURALLA|VINUKONDA|MACHARLA|SATANAPALLI";
c_a['KRISHNA']="VIJAYAWADA|MACHILIPATNAM|GUDIVADA";
c_a['PRAKASHAM']="ONGOLE|CHIRALA|PARCHUR";
c_a['NELLORE']="NELLORE|GUDUR";
c_a['QUEENSLAND']="BRISBANE";
c_a['VICTORIA']="MELBOURNE";
c_a['ANDHRAPRADESH']="HYDERABAD";
c_a['KARNATAKA']="BANGLORE";
c_a['TAMILNADU']="CHENNAI";
c_a['DELHI']="DELHI";
c_a['GOA']="GOA";
c_a['W-BENGAL']="KOLKATA";
c_a['GUJARAT']="AHMEDABAD1|AHMEDABAD2|AHMEDABAD3|BARODA|BHAVNAGAR|MEHSANA|RAJKOT|SURAT|UNA";
c_a['MADHYAPRADESH']="INDORE";
c_a['MAHARASHTRA']="MUMBAI|PUNE";
c_a['RAJASTHAN']="ABU";
c_a['AUCKLAND']="AUCKLAND";
c_a['NEWJERSEY']="EDISON";
c_a['ILLINOIS']="CHICAGO";
c_a['MAURITIUS']="MAURITIUS";
c_a['DUBAI']="DUBAI";


$('#country').change(function(){
        alert("haii");
    var c = $(this).val();

    var state_arr = s_a[c].split("|");
    $('#state').empty();
    $('#district').empty();
    $('#city').empty();
    if(c==0){
        $('#state').append($('<option>', {
            value: '0',
            text: 'Select State',
        }, '</option>'));
    }else {
        $.each(state_arr, function (i, item_state) {
            $('#state').append($('<option>', {
                value: item_state,
                text: item_state,
            }, '</option>'));
        });
    }
    $('#district').append($('<option>', {
        value: '0',
        text: 'Select district',
    }, '</option>'));
});

$('#state').change(function(){
    var s = $(this).val();
    if(s=='Select State'){
        $('#district').empty();
        $('#city').empty();
        $('#district').append($('<option>', {
            value: '0',
            text: 'Select District',
        }, '</option>'));
    }
    var district_arr = d_a[s].split("|");
    $('#district').empty();

    $.each(district_arr, function (j, item_district) {
        $('#district').append($('<option>', {
            value: item_district,
            text: item_district,
        }, '</option>'));
    });


});
});
</script>
<select name="country" id="country"></select> <br>
<select name="state" id="state"></select> <br>
<select name="district" id="district"></select> <br>
<select name="city" id="city"></select> <br>


$（文档）.ready（函数（）{
//国家
var country_arr=新数组（“选择国家”、“澳大利亚”、“印度”、“新西兰”、“美国”、“阿联酋”、“毛里求斯”）；
美元，每个（国家/地区，职能（i，项目）{
$（'#country'）。附加（$（''）{
价值观：我，
案文：项目，
}, '' ));
});
//州
var s_a=新数组（）；
s_a[0]=“选择状态”；
s|a[1]=“选择州|昆士兰|维多利亚州”；
s|a[2]=“选择州|安得拉邦|卡纳塔克邦|泰米尔纳德邦|德里|果阿|西孟加拉|古吉拉特邦|中央邦|马哈拉施特拉邦|拉贾斯坦邦”；
s|a[3]=“选择州|奥克兰”；
s|a[4]=“选择州|新泽西州|伊利诺伊州”；
s|a[5]=“选择迪拜州”；
s|a[6]=“选择州|毛里求斯”；
//地区
var d_a=新数组（）；
d|a['ANDHRAPRADESH']=“GUNTUR | KRISHNA | PRAKASHAM | NELLORE”；
//城市
var c_a=新数组（）；
c|a[“GUNTUR”]=“GUNTUR | NASARAOPET | PIDUGURALLA | VINUKONDA | MACHARLA | SATANAPALLI”；
c|a['KRISHNA']=“VIJAYAWADA | MACHILIPATNAM | GUDIVADA”；
c|a['PRAKASHAM']=“ONGOLE | CHIRALA | PARCHUR”；
c|a['NELLORE']=“NELLORE | GUDUR”；
c_a[“昆士兰”]=“布里斯班”；
c_a[“维多利亚”]=“墨尔本”；
c_a[“安得拉邦”]=“海得拉巴”；
c_a[‘卡纳塔克邦’]=“班格罗尔”；
c_a[“泰米尔纳德邦”]=“钦奈”；
c_a[“德里”]=“德里”；
c_a['GOA']=“GOA”；
c_a['W-孟加拉]=“加尔各答”；
c|a[“古吉拉特邦”]=“艾哈迈达巴德1 |艾哈迈达巴德2 |艾哈迈达巴德3 |巴罗达|巴夫纳格尔|梅哈纳|拉吉科特|苏拉特|乌纳”；
c_a[“中央邦”]=“印多尔”；
c|a[‘马哈拉施特拉邦’]=“孟买|浦那”；
c_a[‘拉贾斯坦邦’]=“阿布”；
c_a[“奥克兰”]=“奥克兰”；
c_a[“新泽西州”]=“爱迪生”；
c_a[“伊利诺伊州”]=“芝加哥”；
c_a[“毛里求斯”]=“毛里求斯”；
c_a[“迪拜”]=“迪拜”；
$（'#country'）。更改（函数（）{
警报（“haii”）；
var c=$（this.val（）；
var state_arr=s_a[c]。拆分（“|”）；
$（'#state'）.empty（）；
$（“#地区”）.empty（）；
$（“#城市”）.empty（）；
如果（c==0）{
$（'#state'）。追加（$（''）{
值：“0”，
文本：“选择状态”，
}, ''));
}否则{
$。每个（状态\u arr，功能（i，项目\u状态）{
$（'#state'）。追加（$（''）{
值：项目状态，
文本：项目状态，
}, ''));
});
}
$（'地区'）。附加（$（''）{
值：“0”，
文本：“选择地区”，
}, ''));
});
$（'#state'）。更改（函数（）{
var s=$（this.val（）；
如果（s==‘选择状态’）{
$（“#地区”）.empty（）；
$（“#城市”）.empty（）；
$（'地区'）。附加（$（''）{
值：“0”，
文本：“选择地区”，
}, ''));
}
var district_arr=d_a[s]。拆分（“|”）；
$(
<script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
<script>
$(document).ready(function(){
// Countries
var country_arr = new Array("Select Country","AUSTRALIA","INDIA","NEW ZEALAND","USA","UAE","MAURITIUS");

$.each(country_arr, function (i, item) {
$('#country').append($('<option>', {
    value: i,
    text : item,
}, '</option>' ));
});

// States
var s_a = new Array();
s_a[0]="Select State";
s_a[1]="Select State|QUEENSLAND|VICTORIA";
s_a[2]="Select State|ANDHRAPRADESH|KARNATAKA|TAMILNADU|DELHI|GOA|W-BENGAL|GUJARAT|MADHYAPRADESH|MAHARASHTRA|RAJASTHAN";
s_a[3]="Select State|AUCKLAND";
s_a[4]="Select State|NEWJERSEY|ILLINOIS";
s_a[5]="Select State|DUBAI";
s_a[6]="Select State|MAURITIUS";

//district

var d_a = new Array();
d_a['ANDHRAPRADESH']="GUNTUR|KRISHNA|PRAKASHAM|NELLORE";

// Cities
var c_a = new Array();
c_a['GUNTUR']="GUNTUR|NASARAOPET|PIDUGURALLA|VINUKONDA|MACHARLA|SATANAPALLI"; 
c_a['KRISHNA']="VIJAYAWADA|MACHILIPATNAM|GUDIVADA";
c_a['PRAKASHAM']="ONGOLE|CHIRALA|PARCHUR";
c_a['NELLORE']="NELLORE|GUDUR";
c_a['QUEENSLAND']="BRISBANE";
c_a['VICTORIA']="MELBOURNE";
c_a['ANDHRAPRADESH']="HYDERABAD";
c_a['KARNATAKA']="BANGLORE";
c_a['TAMILNADU']="CHENNAI";
c_a['DELHI']="DELHI";
c_a['GOA']="GOA";
c_a['W-BENGAL']="KOLKATA";
c_a['GUJARAT']="AHMEDABAD1|AHMEDABAD2|AHMEDABAD3|BARODA|BHAVNAGAR|MEHSANA|RAJKOT|SURAT|UNA";

c_a['MADHYAPRADESH']="INDORE";
c_a['MAHARASHTRA']="MUMBAI|PUNE";
c_a['RAJASTHAN']="ABU";
c_a['AUCKLAND']="AUCKLAND";
c_a['NEWJERSEY']="EDISON";
c_a['ILLINOIS']="CHICAGO";
c_a['MAURITIUS']="MAURITIUS";
c_a['DUBAI']="DUBAI";


$('#country').change(function(){

var c = $(this).val();

var state_arr = s_a[c].split("|");
$('#state').empty();
$('#district').empty();
$('#city').empty();
if(c==0){
    $('#state').append($('<option>', {
        value: '0',
        text: 'Select State',
    }, '</option>'));
}else {
    $.each(state_arr, function (i, item_state) {
        $('#state').append($('<option>', {
            value: item_state,
            text: item_state,
        }, '</option>'));
    });
}
$('#district').append($('<option>', {
    value: '0',
    text: 'Select district',
}, '</option>'));
 $('#city').append($('<option>', {
    value: '0',
    text: 'Select City',
}, '</option>'));
});

$('#state').change(function(){
var s = $(this).val();
if(s=='Select State'){
    $('#district').empty();
    $('#city').empty();
    $('#district').append($('<option>', {
        value: '0',
        text: 'Select District',
    }, '</option>'));
}
var district_arr = d_a[s].split("|");


$.each(district_arr, function (j, item_district) {
    $('#district').append($('<option>', {
        value: item_district,
        text: item_district,
    }, '</option>'));
});


});
$('#district').change(function(){

var sc = $(this).val();
if(sc=='Select District'){

    $('#city').empty();
    $('#city').append($('<option>', {
        value: '0',
        text: 'Select City',
    }, '</option>'));
}
var city_arr = c_a[sc].split("|");


$.each(city_arr, function (j, item_city) {
    $('#city').append($('<option>', {
        value: item_city,
        text: item_city,
    }, '</option>'));
});


});
$('#city').change(function(){

var city = $(this).val();
alert(city);

});
});
</script>
<select name="country" id="country"></select> <br>
<select name="state" id="state"></select> <br>
<select name="district" id="district"></select> <br>
<select name="city" id="city"></select> <br>