解决layui下拉框监听问题(监听不到值的变化)
关于layui监听下拉框值得变化,⼤家都知道官⽅⽂档给我们提供了⼀个⽅法
<('select(demo)',function(data){
console.log(data.value)//打印当前select选中的值
})
按照我之前的理解,监听下拉框值得变化,就是只有下拉框的值发⽣了改变,才会触发这个事件,否则就不触发。但是这个⽅法是,只要你⿏标点击了下拉选项⾥⾯的值,不论这个值跟之前的值是否相等,都会触发这个事件。
下⾯说⼀下我的解决办法
1.⾸先,我写了⼀个input框,⽤来存放select当前选择的value值(这个时候不知道⼤家是不是跟我想的⼀样,只要监听这个input框中值得变化不就可以了么,答案是不⾏。因为动态赋值操作⽆法触发input的change事件)bootstrap项目
2.代码写⼀下,⾃⼰理解
//input值发⽣变化事件
$(input).on('change',function(){
console.log('layui下拉框的值发⽣了变化');
})
<('select(demo)',function(data){
//判断当前选中的值是否跟input的值相等,相等的话,就不发⽣change事件,需要注意的是要先判断再赋值
var inputVal = $(input).val();
if(data.value !== inputVal ){
$(input).change();
}
$(input).val(data.value)
})
以上这篇解决layui下拉框监听问题(监听不到值的变化)就是⼩编分享给⼤家的全部内容了,希望能给⼤家⼀个参考,也希望⼤家多多⽀持。
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论