您好,登錄后才能下訂單哦!
首先不管是單選框還是復(fù)選框或者是下拉框,都要在你寫的標(biāo)簽外面套一層div或者是form標(biāo)簽,如:
<div class="layui-input-block"> <input type="radio" name="sex" value="0" title="男"> </div>,class屬性是固定寫法。
這樣寫好了以后,你如果是寫在靜態(tài)頁面,這樣式可以看見效果,如果寫在js里,這樣寫了還有一步得寫,那就是
var form = layui.form(); form.render("select"); //更新全部
這樣寫是外面套的是form標(biāo)簽,如果是div,就寫layui.div();即可。
對(duì)于下拉框的事件的使用,語法form.on('event(過濾器值)', callback);
也可寫成
var form=layui.form();
form.on('select(addywlb)', function(data){}),這里面的選中的值可以直接data.value;關(guān)于data里的數(shù)據(jù)結(jié)構(gòu),感興趣可以console.log(data);打印出看看。獲取選中的其他的屬性值,和普通的用法一樣,$("#cxYearBegin option:selected").attr("year");對(duì)了,關(guān)于select()括號(hào)里的值是這樣來的 <select name="modules" lay-verify="required" lay-filter="cxYearBegin" lay-search="" id="cxYearBegin" >,根據(jù)這個(gè)lay-filter屬性來獲取。
如果是復(fù)選框的事件,就可以這樣寫
form.on('checkbox(filter)', function(data){});
如果是單選按鈕是這樣寫:
form.on('radio(filter)', function(data){});
如果是開關(guān)按鈕,事件是一樣的:
form.on('switch(filter)', function(data){});
其中括號(hào)里的值都是通過lay-filter這個(gè)屬性值來獲取。
以上這篇對(duì)layui中表單元素的使用詳解就是小編分享給大家的全部內(nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持億速云。
免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。