在 php 中使用 jquery/ajax 创建两个相互依赖的下拉列表 - Creating two Interdependent Dropdownlists using jquery/ajax in php

Creating two Interdependent Dropdownlists using jquery/ajax in php

我有两个下拉列表框，一个用于选择国家，另一个用于选择州。要求是，如果我选择国家/地区下拉列表框并从中选择一个国家/地区，那么该国家/地区的相应州必须自动出现在 php 中使用 jquery 或 ajax 的状态下拉列表框中。（对于某些国家/地区，状态字段将为空，此时状态选择框应显示空文本框）任何人都可以提出解决方案提前感谢.....

在 HTML 中

<select id="Country"></select>
<select id="State"></select>

在脚本中

var Country = ['NEPAL', 'USA', 'CHINA'];
var NepalState = ['Gandaki', 'Bagmati'];
var USAState = ['Texas', 'California'];
var ChinaState = ['Phing', 'xing'];
$('#Country').change(function() {
    var stateOption=''; 
var countryvar = $('#Country option:selected').val();
switch (countryvar) {
case 'NEPAL':
    $.each(NepalState, function(index, value) {
        stateOption += '<option>' + value + '</option>';
    });
    break;
case 'USA':
    $.each(USAState, function(index, value) {
        stateOption += '<option>' + value + '</option>';
    });
    break;
case 'CHINA':
    $.each(ChinaState, function(index, value) {
        stateOption += '<option>' + value + '</option>';
    });
    break;
}
$('#State').html('');
$('#State').append(stateOption);
});
var CountryOption='';
$.each(Country, function(index, value) {
CountryOption += '<option>' + value + '</option>';
});
$('#Country').append(CountryOption); 
$('#Country').trigger('change');

您所要做的就是在第一个选择相对于所选选择的值更改时加载第二个选择中的选项。
演示正在进行 http://jsfiddle.net/Simplybj/YSMN3/4/