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