這篇文章將為大家詳細(xì)講解有關(guān)layui下拉框監(jiān)聽(tīng)不到值的變化怎么辦,小編覺(jué)得挺實(shí)用的,因此分享給大家做個(gè)參考,希望大家閱讀完這篇文章后可以有所收獲。
成都創(chuàng)新互聯(lián)專注于太康網(wǎng)站建設(shè)服務(wù)及定制,我們擁有豐富的企業(yè)做網(wǎng)站經(jīng)驗(yàn)。 熱誠(chéng)為您提供太康營(yíng)銷(xiāo)型網(wǎng)站建設(shè),太康網(wǎng)站制作、太康網(wǎng)頁(yè)設(shè)計(jì)、太康網(wǎng)站官網(wǎng)定制、成都微信小程序服務(wù),打造太康網(wǎng)絡(luò)公司原創(chuàng)品牌,更為您提供太康網(wǎng)站排名全網(wǎng)營(yíng)銷(xiāo)落地服務(wù)。
關(guān)于layui監(jiān)聽(tīng)下拉框值得變化,大家都知道官方文檔給我們提供了一個(gè)方法
form.on('select(demo)',function(data){ console.log(data.value)//打印當(dāng)前select選中的值 })
按照我之前的理解,監(jiān)聽(tīng)下拉框值得變化,就是只有下拉框的值發(fā)生了改變,才會(huì)觸發(fā)這個(gè)事件,否則就不觸發(fā)。但是這個(gè)方法是,只要你鼠標(biāo)點(diǎn)擊了下拉選項(xiàng)里面的值,不論這個(gè)值跟之前的值是否相等,都會(huì)觸發(fā)這個(gè)事件。
下面說(shuō)一下我的解決辦法
1.首先,我寫(xiě)了一個(gè)input框,用來(lái)存放select當(dāng)前選擇的value值(這個(gè)時(shí)候不知道大家是不是跟我想的一樣,只要監(jiān)聽(tīng)這個(gè)input框中值得變化不就可以了么,答案是不行。因?yàn)閯?dòng)態(tài)賦值操作無(wú)法觸發(fā)input的change事件)
2.代碼寫(xiě)一下,自己理解
//input值發(fā)生變化事件 $(input).on('change',function(){ console.log('layui下拉框的值發(fā)生了變化'); }) form.on('select(demo)',function(data){ //判斷當(dāng)前選中的值是否跟input的值相等,相等的話,就不發(fā)生change事件,需要注意的是要先判斷再賦值 var inputVal = $(input).val(); if(data.value !== inputVal ){ $(input).change(); } $(input).val(data.value) })
關(guān)于“l(fā)ayui下拉框監(jiān)聽(tīng)不到值的變化怎么辦”這篇文章就分享到這里了,希望以上內(nèi)容可以對(duì)大家有一定的幫助,使各位可以學(xué)到更多知識(shí),如果覺(jué)得文章不錯(cuò),請(qǐng)把它分享出去讓更多的人看到。