三级联动下拉框中，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 事件？》的介绍就到此结束啦，但是学无止境，想要了解学习更多关于文章的相关知识，请关注golang学习网公众号！