解决layui下拉框监听问题(监听不到值的变化)
2019-10-17 18:07
1921 查看
关于layui监听下拉框值得变化,大家都知道官方文档给我们提供了一个方法
form.on('select(demo)',function(data){ console.log(data.value)//打印当前select选中的值 })
按照我之前的理解,监听下拉框值得变化,就是只有下拉框的值发生了改变,才会触发这个事件,否则就不触发。但是这个方法是,只要你鼠标点击了下拉选项里面的值,不论这个值跟之前的值是否相等,都会触发这个事件。
下面说一下我的解决办法
1.首先,我写了一个input框,用来存放select当前选择的value值(这个时候不知道大家是不是跟我想的一样,只要监听这个input框中值得变化不就可以了么,答案是不行。因为动态赋值操作无法触发input的change事件)
2.代码写一下,自己理解
//input值发生变化事件 $(input).on('change',function(){ console.log('layui下拉框的值发生了变化'); }) form.on('select(demo)',function(data){ //判断当前选中的值是否跟input的值相等,相等的话,就不发生change事件,需要注意的是要先判断再赋值 var inputVal = $(input).val(); if(data.value !== inputVal ){ $(input).change(); } $(input).val(data.value) })
以上这篇解决layui下拉框监听问题(监听不到值的变化)就是小编分享给大家的全部内容了,希望能给大家一个参考
您可能感兴趣的文章:
相关文章推荐
- Vue2.0 解决watch对象属性变化监听不到问题
- 解决Vue2.0 watch对象属性变化监听不到的问题
- Android解决使用广播监听网络状态变化时接收到多个广播的问题
- 解决vue-router在同一个路由下切换,取不到变化的路由参数问题
- 关于监听联系人变化的问题与解决方法探讨
- zookeeper的watcher监听不到zk后续数据的变化问题
- 解决Webpack 热部署检测不到文件变化的问题
- 【android】监听网络变化连续多个广播的问题解决
- 对于 imagView 设置监听与 PAPER 左右滑动切换 VIEW 结合 会导致get不到TAB切换问题解决
- AngularJs中 URL地址参数改变,视图不更新的解决办法(监听URL变化,重新加载数据方法)
- dialog捕获不到shift快捷键问题解决
- 完美解决android监听联系人数据变化
- 问题解决:对Slidingmenu中控件监听
- 2 plsql连接oracle问题:ora-12541:TNS:无监听程序解决办法及思路
- 夺命雷公狗---javascript NO:10 解决事件监听兼容性问题和移除事件
- 解决 android设置软键盘搜索键以及监听搜索键点击时发生两次事件的问题
- android 4.4 添加按钮监听异常问题解决办法
- EMOS SPF开启收不到信 及WEB收件箱不显示邮件列表等问题解决处理记录
- Activity设置为SingeTask后,通过getIntent接收不到值问题解决
- 解决Android的EditText的addTextChangedListener监听的死循环问题