解決layui下拉框監(jiān)聽問題(監(jiān)聽不到值的變化)
更新時間：2019年09月28日 08:50:36 作者：最美時光遇見你
今天小編就為大家分享一篇解決layui下拉框監(jiān)聽問題(監(jiān)聽不到值的變化)，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
關于layui監(jiān)聽下拉框值得變化，大家都知道官方文檔給我們提供了一個方法
form.on('select(demo)',function(data){
console.log(data.value)//打印當前select選中的值
})
按照我之前的理解，監(jiān)聽下拉框值得變化，就是只有下拉框的值發(fā)生了改變，才會觸發(fā)這個事件，否則就不觸發(fā)。但是這個方法是，只要你鼠標點擊了下拉選項里面的值，不論這個值跟之前的值是否相等，都會觸發(fā)這個事件。
下面說一下我的解決辦法
1.首先，我寫了一個input框，用來存放select當前選擇的value值（這個時候不知道大家是不是跟我想的一樣，只要監(jiān)聽這個input框中值得變化不就可以了么，答案是不行。因為動態(tài)賦值操作無法觸發(fā)input的change事件）
2.代碼寫一下，自己理解
//input值發(fā)生變化事件
$(input).on('change',function(){
console.log('layui下拉框的值發(fā)生了變化');
})
form.on('select(demo)',function(data){
//判斷當前選中的值是否跟input的值相等，相等的話，就不發(fā)生change事件,需要注意的是要先判斷再賦值
var inputVal = $(input).val();
if(data.value !== inputVal ){
$(input).change();
}
$(input).val(data.value)
})
以上這篇解決layui下拉框監(jiān)聽問題(監(jiān)聽不到值的變化)就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關文章
javascript高級模塊化require.js的具體使用方法
本篇文章主要介紹了javascript高級模塊化require.js的具體使用方法，非常具有實用價值，需要的朋友可以參考下2017-10-10
js實現(xiàn)文本框中輸入文字頁面中div層同步獲取文本框內(nèi)容的方法
這篇文章主要介紹了js實現(xiàn)文本框中輸入文字頁面中div層同步獲取文本框內(nèi)容的方法,實例分析了javascript操作dom元素的技巧,需要的朋友可以參考下2015-03-03
每天一篇javascript學習小結(jié)（Date對象）
這篇文章主要介紹了javascript中的Date對象知識點，對Date對象的基本使用方法，以及各種方法進行整理，感興趣的小伙伴們可以參考一下2015-11-11
無聊用javascript寫了個隨機產(chǎn)生福利彩票雙色球7個數(shù)字的號碼其中紅色球不會重復,喜歡的可以下來看看,有意見的可以說說2015-05-05
JS面向?qū)ο螅?）之Object類，靜態(tài)屬性，閉包，私有屬性， call和apply的使用，繼承的三種實現(xiàn)方法
這篇文章主要介紹了JS面向?qū)ο螅?）之Object類，靜態(tài)屬性，閉包，私有屬性， call和apply的使用，繼承的三種實現(xiàn)方法的相關資料,需要的朋友可以參考下2016-02-02
這篇文章主要介紹了小程序綁定用戶方案優(yōu)化小結(jié)，該類小程序在使用之前就需要綁定用戶信息。常見于線下門店類功能性小程序。具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-05-05
我的javascript 函數(shù)鏈之演變,需要的朋友可以參考下。2011-04-04
select、radio表單回顯功能實現(xiàn)避免使用jquery載入賦值
select、radio表單回顯避免使用jquery載入賦值，最好的做法是：在jsp頁面進行邏輯判斷，具體實現(xiàn)如下，感興趣的朋友可以參考下哈，希望對大家有所幫助2013-06-06
JavaScript中你不知道的數(shù)學方法分享(非常實用)
JavaScript的Math對象包含了一些非常有用和強大的數(shù)學操作，可以在Web開發(fā)中使用，本文為大家整理了一些非常實用的數(shù)學方法，希望對大家有所幫助2023-07-07
JS和css實現(xiàn)檢測移動設備方向的變化并判斷橫豎屏幕
這篇文章主要介紹了JS和css實現(xiàn)檢測移動設備方向的變化并判斷橫豎屏幕,本文分別給出實現(xiàn)代碼,需要的朋友可以參考下2015-05-05