登录
首页 >  文章 >  前端

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

时间:2024-11-23 13:51:49 149浏览 收藏

积累知识,胜过积蓄金银!毕竟在文章开发的过程中,会遇到各种各样的问题,往往都是一些细节知识点还没有掌握好而导致的,因此基础知识点的积累是很重要的。下面本文《如何解决jQuery赋值后无法触发下拉框联动的问题?》,就带大家讲解一下知识点,若是你对本文感兴趣,或者是想搞懂其中某个知识点,就请你继续往下看吧~

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

无法触发 javascript change 事件

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

解决方案:

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

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

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

以上就是《如何解决jQuery赋值后无法触发下拉框联动的问题?》的详细内容,更多关于的资料请关注golang学习网公众号!

相关阅读
更多>
最新阅读
更多>
课程推荐
更多>