新增数据的时候,可以进行$('#id').change(function(e)监听分级的select ,然后分别赋值,在一级改变的时候,记得联动清除二三级的结果重新查询;
在编辑数据的时候,需要从数据库查询出来每一级的value值,这时候需要赋值给对应的select,但是赋值的过程中,$('#id').change(function(e)事件是不会自动触发的,此时,在为一级赋value值后,手动加上一个$('#id').change();空的触发change事件,这样,联动效果就可以继续了,记得是在每一个联动id后面加上一个哦;
代码如下:
//用户首选选择自动加载的洲际列表---》触发远程获取国家列表,选择国家---》远程获取省份列表,选择省份----》远程获取城市列表,选择城市
//总共四个select选择框,其中手动触发、被动加载的是后面三个,故只用三个change()根据前一级的变化,加载后一级的数据即可
//continent选择洲际
//country选择国家
//province选择省份
//前三部分代码,分别对手动触发的三种情况进行了获取数据并加载,需要注意的是,例如选择的洲际发生变化,则国家重新加载,省份和城市全部填充为空
//第四部分解决的问题,就是上面提到的,在新增数据时,因为所有的数据都为空,需要重新操作,所以change()的触发是必然的,但是在新增保存后,再次编辑时,数据是存在的,例如我之前的数据是:亚洲、中国、广东、深圳&#x