jquery 自动触发事件 trigger
trigger()
栗子:
需求:我们在做二级联动的时候往往会遇到这样的需求,后台管理端页面加载完成后显示用户的省份,城市,并且可以对用户的省份,城市信息可以修改
如果只是简单的显示 你完全可以直接放两个 input 就可以,问题是后台管理员要求要能对其进行修改所以 select的结构不能变。
问题页面初始化完成你对省份的value进行了改变,城市并没有跟着改变,我们都知道二级联动或多级联动都是根据前面的或者说是父节点的改变加载子节点的数据
页面加载完成我们只是对省份进行了简单的赋值而并没有触发任何相应的事件,所以子元素也不会跟着改变。
如何解决:
jquery 提供了 trigger 让我们不用手动去触发一个事件 如上 省份 id = "province" 城市 id="city"
$('#province').val('ah'); $('#province').trigger('change');