關(guān)于layui 下拉列表的change事件詳解
默認(rèn)情況下,事件所監(jiān)聽的是全部的form模塊元素,但如果你只想監(jiān)聽某一個元素,使用事件過濾器即可。
如:<select lay-filter="test"></select>
監(jiān)聽select
下拉選擇框被選中時觸發(fā),回調(diào)函數(shù)返回一個object參數(shù),攜帶兩個成員:
注意:form.render('select');渲染一下 不然你的操作還是不生效 select不是選擇器 表示渲染下拉列表 不寫表示所有表單都渲染
語法如下
form.on('select(filter)', function(data){ console.log(data.elem); //得到select原始DOM對象 console.log(data.value); //得到被選中的值 console.log(data.othis); //得到美化后的DOM對象 }); form.on('select(search_type)', function(data){ var html_one='<option value="1">充值</option><option value="2">還本付息</option>'; if(data.value == 1){ $("#search_detail").html(html_one); form.render('select'); }else if(data.value == 2){ var html_two='<option value="3">提現(xiàn)</option><option value="4">購買產(chǎn)品</option>'; $("#search_detail").html(html_two); form.render('select');//select是固定寫法 不是選擇器 } });
上圖的search_type就是下拉列表的lat-filter參數(shù)的值
lay-filter="search_type"
以上這篇關(guān)于layui 下拉列表的change事件詳解就是小編分享給大家的全部內(nèi)容了,希望能給大家一個參考,也希望大家多多支持腳本之家。
相關(guān)文章
微信小程序?qū)崿F(xiàn)購物車代碼實(shí)例詳解
這篇文章主要介紹了微信小程序?qū)崿F(xiàn)購物車代碼實(shí)例,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下2019-08-08jQuery判斷密碼強(qiáng)度實(shí)現(xiàn)思路及代碼
實(shí)現(xiàn)思路為:密碼小于六位的時候,密碼強(qiáng)度圖片都為灰色;密碼為七位及以上并且字母、數(shù)字、特殊字符三項(xiàng)中有兩項(xiàng),強(qiáng)度等等,感興趣的朋友可以參考下哈2013-04-04javascript計(jì)算用戶打開網(wǎng)頁的停留時間
本文介紹了javascript計(jì)算用戶打開網(wǎng)頁的停留時間,大家參考使用吧2014-01-01理解Javascript_14_函數(shù)形式參數(shù)與arguments
在'執(zhí)行模型詳解'的'函數(shù)執(zhí)行環(huán)境'一節(jié)中對arguments有了些許的了解,那么讓我們深入的分析一下函數(shù)的形式參數(shù)與arguments的關(guān)系。2010-10-10JS中video標(biāo)簽自動播放音視頻并繪制波形圖效果
html中的<video>標(biāo)簽可以用來播放常見的音視頻格式,支持的格式包括:MP3、Ogg、WAV、AAC、MP4、WebM、AVI等,當(dāng)然支持的格式也和瀏覽器和操作系統(tǒng)有關(guān),這篇文章主要介紹了video標(biāo)簽自動播放音視頻并繪制波形圖,需要的朋友可以參考下2023-09-09js模仿html5 placeholder適應(yīng)于不支持的瀏覽器
html5原生支持placeholder,對于不支持的瀏覽器(ie)可用js模擬實(shí)現(xiàn),不要走開,接下來為您詳細(xì)介紹實(shí)現(xiàn)方法2013-01-01