我有两个引导程序下拉框。当我们点击另一个下拉菜单时,其中一个会根据用户选择的国家显示来自数据库的所有国家名称,另一个下拉菜单应该选择状态。 当我点击一个下拉菜单时,我做了一个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填充只有一次,即在页面加载。当有人点击它时,无需重新填充它。另一方面;是;国家下拉菜单应该在每个国家的选择上重新填充。 –