在此处提供一种实现AJAX下拉菜单级联的解决方案,该解决方案基于jQuery库和PHP编程语言实现。
HTML代码:
jQuery代码:
$(document).ready(function(){
$('#country').change(function(){
$('#region').find('option').remove();
$('#region').append('');
$.ajax({
type: "POST",
dataType: "json",
url: "get_regions.php",
data: {country_id: $(this).val()},
success: function(regions) {
$('#region').find('option').remove();
$('#region').append('');
$.each(regions, function(id, name){
$('#region').append('');
});
},
error: function() {
console.log('AJAX Error');
}
});
});
$('#region').change(function(){
$('#city').find('option').remove();
$('#city').append('');
$.ajax({
type: "POST",
dataType: "json",
url: "get_cities.php",
data: {region_id: $(this).val()},
success: function(cities) {
$('#city').find('option').remove();
$('#city').append('');
$.each(cities, function(id, name) {
$('#city').append('
下一篇:Ajax下拉菜单没有返回结果