三级联动下拉框中,JS 赋值为何无法触发 Change 事件?

三级联动下拉框中,js 赋值为何无法触发 change 事件?

js 触发 change 事件困难追踪

在三级联动下拉框中,直接使用 jquery 赋值 #province (即省份下拉框)并不会触发相应的联动事件,导致市级下拉框无法展示正确的数据。

问题根源:

js 无法直接触发 change 事件,因为浏览器只会在用户交互时触发该事件。

解决方案:

可以使用以下代码来触发 change 事件,从而解决无法联动的难题:

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

以上就是三级联动下拉框中,JS 赋值为何无法触发 Change 事件?的详细内容,更多请关注其它相关文章!