99麻豆久久久国产免费福利精品,国产精品成人国产乱,玖玖操,手机看片169,国产精彩视频在线观看,午夜亚洲福利视频,国产伦乱视频

龍巖易富通網(wǎng)絡(luò)科技有限公司

龍巖小程序開發(fā),龍巖分銷系統(tǒng)

layui select使用問題

2020.04.04 | 2534閱讀 | 0條評(píng)論 | javascript

1.需要引用form模板

layui.use(['form'], function () {

    var form = layui.form;

});


2.html代碼

<div class="layui-form">

    <select name="city" lay-verify="" lay-filter="test" id="select">

        <option value="">請(qǐng)選擇一個(gè)城市</option>

        <option value="010">北京</option>

        <option value="021">上海</option>

        <option value="0571">杭州</option>

    </select>

</div>


注:當(dāng)需要?jiǎng)討B(tài)生成select選項(xiàng)時(shí),如果沒有l(wèi)ayui的下拉效果,需要在生成完dom結(jié)構(gòu)之后form.render();一下,重新渲染。這里的form是第1點(diǎn)模板中的form變量。

如果還沒有效果,注意是不是沒有在外層嵌套div.layui-form


3.獲取select值

像平時(shí)獲取select值就可以了。例如$("#select").val();


4.select賦值

也是像平時(shí)一樣select賦值就行。例如$("#select").val(”010“);


5.select的change事件

需要在select標(biāo)簽上增加lay-filter="test",test可以隨意命名。

form.on('select(test)', function (data) {

    //TODO執(zhí)行自己的代碼

});


form.on('select(test)', function(data){

  console.log(data.elem); //得到select原始DOM對(duì)象

  console.log(data.value); //得到被選中的值]

  $("#batch").val(data.value)

  console.log(data.othis); //得到美化后的DOM對(duì)象

});


6.遇到的問題

問題描述:在layer彈框中,如果使用parent.layer.open()彈出一個(gè)彈框,之后success回調(diào)渲染select,select沒有效果。


贊 (

發(fā)表評(píng)論

木兰县| 缙云县| 沙洋县| 桂东县| 方城县| 景谷| 延庆县| 西城区| 连平县| 延安市| 清水河县| 含山县| 吴桥县| 麟游县| 鹤壁市| 宁明县| 仙居县| 临沂市| 清丰县| 阿拉善左旗| 南昌县| 麻栗坡县| 青阳县| 日喀则市| 紫阳县| 富阳市| 九龙县| 灵璧县| 深泽县| 亚东县| 南华县| 丹凤县| 灵石县| 南投县| 松原市| 寿宁县| 邮箱| 岳池县| 新营市| 广东省| 灵山县|