關(guān)于layui 下拉列表的change事件詳解
更新時(shí)間：2019年09月20日 09:01:50 作者：小鵬程序
今天小編就為大家分享一篇關(guān)于layui 下拉列表的change事件詳解，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧
默認(rèn)情況下，事件所監(jiān)聽(tīng)的是全部的form模塊元素，但如果你只想監(jiān)聽(tīng)某一個(gè)元素，使用事件過(guò)濾器即可。
如：<select lay-filter="test"></select>
監(jiān)聽(tīng)select
下拉選擇框被選中時(shí)觸發(fā)，回調(diào)函數(shù)返回一個(gè)object參數(shù)，攜帶兩個(gè)成員：
注意：form.render('select');渲染一下 不然你的操作還是不生效 select不是選擇器 表示渲染下拉列表 不寫(xiě)表示所有表單都渲染
語(yǔ)法如下
form.on('select(filter)', function(data){
console.log(data.elem); //得到select原始DOM對(duì)象
console.log(data.value); //得到被選中的值
console.log(data.othis); //得到美化后的DOM對(duì)象
});
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">購(gòu)買(mǎi)產(chǎn)品</option>';
$("#search_detail").html(html_two);
form.render('select');//select是固定寫(xiě)法 不是選擇器
}
});
上圖的search_type就是下拉列表的lat-filter參數(shù)的值
lay-filter="search_type"
以上這篇關(guān)于layui 下拉列表的change事件詳解就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
js基于setTimeout與setInterval實(shí)現(xiàn)多線程
這篇文章主要介紹了js基于setTimeout與setInterval實(shí)現(xiàn)多線程的方法,分析了多線程的原理與javascript模擬實(shí)現(xiàn)多線程的相關(guān)技巧,需要的朋友可以參考下2016-06-06
這篇文章主要介紹了JS判斷iframe是否加載完成的方法,提供了2種實(shí)現(xiàn)方法,可分別針對(duì)IE內(nèi)核與非IE內(nèi)核瀏覽器進(jìn)行判斷與操作,涉及javascript事件操作與判定技巧,需要的朋友可以參考下2016-08-08
TypeScript中type和interface的區(qū)別及注意事項(xiàng)
type的類型別用可以用戶其他的類型,比如聯(lián)合類型、元祖類型、基本類型,interface不行,下面這篇文章主要給大家介紹了關(guān)于TypeScript中type和interface的區(qū)別及注意事項(xiàng)的相關(guān)資料,需要的朋友可以參考下2022-10-10
JavaScript判斷變量是對(duì)象還是數(shù)組的方法
這篇文章主要介紹了JavaScript判斷變量是對(duì)象還是數(shù)組的方法,本文分別使用instanceof和typeof實(shí)現(xiàn),需要的朋友可以參考下2014-08-08
移動(dòng)端點(diǎn)擊態(tài)處理的三種實(shí)現(xiàn)方式
在移動(dòng)端開(kāi)發(fā)的時(shí)候，常常需要加點(diǎn)擊態(tài)，就是當(dāng)用戶點(diǎn)擊某個(gè)URL時(shí)，給相應(yīng)的標(biāo)簽添加按下效果樣式。這篇文章給大家分享了三種實(shí)現(xiàn)方法，包括偽類:active、webkit-tap-highlight-color和touch事件，下面來(lái)一起看看詳細(xì)的介紹吧。2017-01-01
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)上傳圖片小功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-08-08
Layer UI表格列日期格式化及取消自動(dòng)填充日期的實(shí)現(xiàn)方法
這篇文章主要介紹了Layer UI表格列日期格式化及取消自動(dòng)填充日期的實(shí)現(xiàn)方法,本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2020-05-05
js調(diào)用后臺(tái)、后臺(tái)調(diào)用前臺(tái)等方法總結(jié)
這篇文章主要對(duì)js調(diào)用后臺(tái)，后臺(tái)調(diào)用前臺(tái)等方法做個(gè)總結(jié),需要的朋友可以參考下2014-04-04
這篇文章主要介紹了js事件觸發(fā)操作,結(jié)合實(shí)例形式分析了javascript事件觸發(fā)機(jī)制原理、使用方法及相關(guān)操作注意事項(xiàng),需要的朋友可以參考下2019-06-06
JS+Canvas繪制動(dòng)態(tài)時(shí)鐘效果
這篇文章主要為大家詳細(xì)介紹了JS+Canvas繪制動(dòng)態(tài)時(shí)鐘效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-11-11