两个下拉框相关联ajax,触发第二个下拉框以显示基于从第一个下拉框中选择的值的值ajax...

我有两个引导程序下拉框。当我们点击另一个下拉菜单时，其中一个会根据用户选择的国家显示来自数据库的所有国家名称，另一个下拉菜单应该选择状态。 当我点击一个下拉菜单时，我做了一个ajax请求来显示国家名称。如何根据国家选择触发其他下拉菜单？触发第二个下拉框以显示基于从第一个下拉框中选择的值的值ajax

$(".dropdown").on("show.bs.dropdown", function(){

$.ajax({

type:'post',

url: 'Service.php',

dataType: 'json',//since you wait for json

data: {

'service': 'dropdown_country'

},

success: function(json){

//now when you received json, render options

$.each(json, function(i, option){

var rendered_option = '

'+ option.country +'';

$(rendered_option).appendTo('.dropdown-menu');

})

$(".dropdown-menu li a").click(function(){

$(this).parents(".dropdown").find('.btn').html($(this).text() + ' ');

$(this).parents(".dropdown").find('.btn').val($(this).data('value'));

});

}

})

})

有了上述事情，这两个下拉菜单都显示了点击时的国家名称。我只需要第一个下拉菜单来显示国家名称，其他下拉菜单应该在点击时调用其他服务，以便根据国家/地区下拉列表中选择的国家/地区显示州名。我在触发ajax调用中的第二个下拉框时被攻击了。请帮忙。

+0

你能分享你的html吗？ –

+0

这里它是http://pastebin.com/tr1sSDm2 –

+0

@HarnishKumar - 我相信逻辑上国家下拉应该通过ajax填充只有一次，即在页面加载。当有人点击它时，无需重新填充它。另一方面;是;国家下拉菜单应该在每个国家的选择上重新填充。 –