formSelects 4.x多选下拉框


需先引入:

formSelects-v4.css

formSelects-v4.js

插件下载地址:https://fly.layui.com/extend/formSelects

 

使用:

<div class="layui-form">
    <div class="layui-input-inline">
        <select name="select_base_cityname" id="select_base_cityname" lay-filter="select_base_cityname" xm-select="select_base_cityname" xm-select-type="1">
            <option value=""></option>
            <option value="1">北京</option>
            <option value="2">上海</option>
            <option value="3">天津</option>
            <option value="4">重庆</option>
        </select>
    </div>
</div>

 

layui.use(['form', 'layer', 'jquery', 'table', 'laydate', 'element', 'upload', 'flow'], function () {
    var $$ = layui.jquery;
    var form = layui.form,
        layer = parent.layer == undefined ? layui.layer : parent.layer,
        //layer = layui.layer,
        table = layui.table,
        laydate = layui.laydate,
        element = layui.element,
        upload = layui.upload,
        flow = layui.flow;
    form.render();

    formSelects.on('select_base_cityname', function (id,vals,val,isAdd,isDisabled) {
       
        var getName = layui.formSelects.value('select_base_cityname');//取值
        
        layer.msg("你选择的值为:" + getName);
    });

});

 

https://hnzzmsf.github.io/example/example_v4.html#options 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM