jQuery 绑定 select 联动 手动触发

这篇博客介绍了在jQuery中如何实现select选择框的联动效果,特别是在新增数据时监听select变化并赋值。同时,针对编辑场景,当从数据库获取到已选值后,由于change事件不会自动触发,需要手动调用$('#id').change()来确保联动功能正常工作。文中提供了具体的代码示例。
摘要由CSDN通过智能技术生成

新增数据的时候,可以进行$('#id').change(function(e)监听分级的select ,然后分别赋值,在一级改变的时候,记得联动清除二三级的结果重新查询;

在编辑数据的时候,需要从数据库查询出来每一级的value值,这时候需要赋值给对应的select,但是赋值的过程中,$('#id').change(function(e)事件是不会自动触发的,此时,在为一级赋value值后,手动加上一个$('#id').change();空的触发change事件,这样,联动效果就可以继续了,记得是在每一个联动id后面加上一个哦;

代码如下:

//用户首选选择自动加载的洲际列表---》触发远程获取国家列表,选择国家---》远程获取省份列表,选择省份----》远程获取城市列表,选择城市
//总共四个select选择框,其中手动触发、被动加载的是后面三个,故只用三个change()根据前一级的变化,加载后一级的数据即可
//continent选择洲际
//country选择国家
//province选择省份
//前三部分代码,分别对手动触发的三种情况进行了获取数据并加载,需要注意的是,例如选择的洲际发生变化,则国家重新加载,省份和城市全部填充为空
//第四部分解决的问题,就是上面提到的,在新增数据时,因为所有的数据都为空,需要重新操作,所以change()的触发是必然的,但是在新增保存后,再次编辑时,数据是存在的,例如我之前的数据是:亚洲、中国、广东、深圳&#x
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值