這篇文章將為大家詳細(xì)講解有關(guān)layui下拉列表中change事件怎么用，小編覺得挺實(shí)用的，因此分享給大家做個(gè)參考，希望大家閱讀完這篇文章后可以有所收獲。

讓客戶滿意是我們工作的目標(biāo)，不斷超越客戶的期望值來自于我們對這個(gè)行業(yè)的熱愛。我們立志把好的技術(shù)通過有效、簡單的方式提供給客戶，將通過不懈努力成為客戶在信息化領(lǐng)域值得信任、有價(jià)值的長期合作伙伴，公司提供的服務(wù)項(xiàng)目有：申請域名、雅安服務(wù)器托管、營銷軟件、網(wǎng)站建設(shè)、延川網(wǎng)站維護(hù)、網(wǎng)站推廣。

默認(rèn)情況下，事件所監(jiān)聽的是全部的form模塊元素，但如果你只想監(jiān)聽某一個(gè)元素，使用事件過濾器即可。

如：

監(jiān)聽select

下拉選擇框被選中時(shí)觸發(fā)，回調(diào)函數(shù)返回一個(gè)object參數(shù)，攜帶兩個(gè)成員：

注意：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='充值還本付息';
  if(data.value == 1){
    $("#search_detail").html(html_one);
    form.render('select');
  }else if(data.value == 2){
    var html_two='提現(xiàn)購買產(chǎn)品';
    $("#search_detail").html(html_two);
    form.render('select');//select是固定寫法 不是選擇器
  }

});

上圖的search_type就是下拉列表的lat-filter參數(shù)的值

lay-filter="search_type"

關(guān)于“l(fā)ayui下拉列表中change事件怎么用”這篇文章就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，使各位可以學(xué)到更多知識，如果覺得文章不錯(cuò)，請把它分享出去讓更多的人看到。

網(wǎng)頁標(biāo)題：layui下拉列表中change事件怎么用-創(chuàng)新互聯(lián)
網(wǎng)頁URL：http://weahome.cn/article/csshpj.html