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

創(chuàng)新互聯(lián)建站從2013年成立，是專業(yè)互聯(lián)網(wǎng)技術(shù)服務(wù)公司，擁有項(xiàng)目成都做網(wǎng)站、成都網(wǎng)站制作網(wǎng)站策劃，項(xiàng)目實(shí)施與項(xiàng)目整合能力。我們以讓每一個(gè)夢想脫穎而出為使命，1280元達(dá)坂城做網(wǎng)站,已為上家服務(wù),為達(dá)坂城各地企業(yè)和個(gè)人服務(wù),聯(lián)系電話:18980820575

默認(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ò)，請把它分享出去讓更多的人看到。