關(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)文章
理解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模擬實現(xiàn),不要走開,接下來為您詳細(xì)介紹實現(xiàn)方法2013-01-01