php - 在 php 中使用 jquery/ajax 创建两个相互依赖的下拉列表

Question

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

Answer 1

在 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/