如何解决jQuery赋值后无法触发下拉框联动的问题?

如何解决jquery赋值后无法触发下拉框联动的问题?

无法触发 javascript change 事件

在三个下拉框的三级联动页面中,通过手动选择省份可以触发市级联动,但使用 jquery 在 ie 浏览器控制台直接给省份下拉框赋值后,市级下拉框不会更新。

解决方案:

由于原始页面未采用侵入式修改,因此需要模拟触发 change 事件。具体做法如下:

let evt = document.createEvent('HTMLEvents');
evt.initEvent('change', false, true); // 页面的下拉框 change 事件
select.dispatchEvent(evt); // select 是下拉框元素

通过创建并分派一个自定义 change 事件,可以强制触发市级下拉框的更新,从而满足无侵入式赋值的需求。

以上就是如何解决jQuery赋值后无法触发下拉框联动的问题?的详细内容,更多请关注其它相关文章!