jQuery在用js改变select选中值的同时触发select中的onchange事件？

最新推荐文章于 2023-01-17 09:48:17 发布

原创最新推荐文章于 2023-01-17 09:48:17 发布 · 1.2w 阅读

9 ·

CC 4.0 BY-SA版权

文章标签：

#trigger

JavaScript笔记专栏收录该内容

1 篇文章

订阅专栏

本文介绍如何使用jQuery改变select的选中值并触发change事件，实现省市联动效果。通过设置option的selected属性并调用trigger方法，可以实现在动态更新选项时触发相应事件。

在开发项目时遇到了要用js改变select的选择值，在用js改变选中值时不能触发他的onchange事件，从而在省市联动中没有得到想要的效果。百度很久发现jQuery中有一个trigger方法，这个trigger() 方法触发被选元素上指定的事件以及事件的默认行为。

说说我项目中用到的例子：在用js改变省份时，要联动更新市级的option数据

$("#area_provincenan").find("option[value = '"+address_codes[0]+"']").attr("selected","selected");//jq改变select的选中值
$("#area_provincenan").trigger("change");//触发省份的change事件，从而使其市级产生数据