两个下拉框相关联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调用中的第二个下拉框时被攻击了。请帮忙。

你能分享你的html吗？ –

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

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

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

服务器控件下拉框显示隐藏,演练：在 GridView Web 服务器控件中编辑时显示下拉列表...
演练:在 GridView Web 服务器控件中编辑时显示下拉列表 08/18/2008 本文内容更新:2007 年 11 月 GridView 控件默认显示用于编辑的文本框.可以使用 ASP.NE ...
基于Java毕业设计疫情下居家隔离服务系统源码+系统+mysql+lw文档+部署软件
基于Java毕业设计疫情下居家隔离服务系统源码+系统+mysql+lw文档+部署软件基于Java毕业设计疫情下居家隔离服务系统源码+系统+mysql+lw文档+部署软件本源码技术栈: 项目架构:B ...
element做树形下拉_一个基于 elementUi 的树形下拉框组件vue
wl-vue-select,wl-tree-select 简介用于vue框架的树形下拉框及带全选的普通下拉框. Tree drop-down box for vue framework and or ...
php 获取下拉框选中的文本,jQuery如何获取select选择的文本与值？（代码示例）...
本篇文章给大家带来的内容是关于jQuery如何获取select选择的文本与值,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助. 获取select : 获取select 选中的 text ...
因系统因配置问题报错，如何调整（两类【与外界其他环境相关联】【★自身配置★】（★关注web.xml★））
[前言] 在修改寄存环境上的代码时,我们常常会遇到一下比较复杂的机能(模块). 这些机能会和外部的一些站点的机能联系. ①比如:和某个站点交互,传给这个站点几个值,然后得到几个返回值.(toto) ② ...
既可以输入新的信息，又可以从下拉框中选择的代码
<table> <tr> <td style="font-size: 12px;"> 既可以输入新的信息,又可以从下拉框中选择: </td ...
mysql 秀出两个相关联的表中满足条件的内容_这六个 MySQL 死锁案例，能让你理解死锁的原因！...
点击蓝色"架构文摘"关注我哟加个"星标",每天上午 09:25,干货推送! 来源:王啸tr1912 | https://blog.csdn.net/tr1 ...
html下拉框失去焦点事件,iview 表单验证 input 用失去焦点事件 blur， select下拉选框要用change事件验证...
Linux MySQL源码安装缺少ncurses-devel包在Red Hat Enterprise Linux Server release 5.7 上用源码安装MySQL-5.6.23时,遇到了 ...
用户 'sa' 登录失败。原因: 未与信任 SQL Server 连接相关联
message: 用户 'sa' 登录失败.原因: 未与信任 SQL Server 连接相关联.这个问题该如何解决?=============一.控制面板->服务->MS SQL SERV ...

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

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

最新文章

热门文章