溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

layui下拉框監聽不到值的變化怎么辦

發布時間:2021-07-13 11:01:57 來源:億速云 閱讀:426 作者:小新 欄目:web開發

這篇文章將為大家詳細講解有關layui下拉框監聽不到值的變化怎么辦,小編覺得挺實用的,因此分享給大家做個參考,希望大家閱讀完這篇文章后可以有所收獲。

關于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下拉框監聽不到值的變化怎么辦”這篇文章就分享到這里了,希望以上內容可以對大家有一定的幫助,使各位可以學到更多知識,如果覺得文章不錯,請把它分享出去讓更多的人看到。

向AI問一下細節

免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。

AI

亚洲午夜精品一区二区_中文无码日韩欧免_久久香蕉精品视频_欧美主播一区二区三区美女