PHP에서 jquery/ajax를 사용하여 상호 의존적 인 두 개의 드롭 다운리스트 만들기

Question

두 개의 드롭 다운 목록 상자가 있습니다. 하나는 국가를 선택하고 다른 하나는 상태를 선택하는 데 사용됩니다. 국가 드롭 다운 목록 상자를 선택한 다음 국가를 선택하면 자동으로 해당 국가의 해당 상태는 PHP에서 jquery 또는 ajax를 사용하여 상태 드롭 다운 목록 상자에 나타나야합니다 (일부 국가의 경우 상태 필드가 비어있을 때 상태 선택 상자에 빈 텍스트 상자가 표시되어야 함) 해결책을 제안 할 수 있습니다. 사전에 감사 ..... HTML에서

Answer 1

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

SCRIPT

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'); 

당신이 처음이 변경 선택의 가치에 대하여 변경 될 때 두 번째 선택의 옵션을로드하기 만하면됩니다 IN

.
데모는 http://jsfiddle.net/Simplybj/YSMN3/4/