layui select 下拉多选 xm-select

浪淘沙2年前 (2025-02-04)前端188

<div class="layui-fluid">
    <div id="demo1" class="xm-select-demo"></div>
    <button class="layui-btn" id="demo1-getValue">获取选中值</button>
    <pre id="demo1-value"></pre>

</div>

<script>
    layui.config({
        base: '/layui/' // 静态资源所在路径
    }).extend({
        index: 'lib/index' //主入口模块
    }).use('index',
        function () {
            var $ = layui.jquery;
            var form = layui.form;
            var demo1 = xmSelect.render({
	        el: '#demo1', 
	        language: 'zn',
	        data: [
		        {name: '张三', value: 1},
		        {name: '李四', value: 2},
		        {name: '王五', value: 3},
	        ]
           });
            document.getElementById('demo1-getValue').onclick = function(){
	            //获取当前多选选中的值
	            var selectArr = demo1.getValue();
	            document.getElementById('demo1-value').innerHTML = JSON.stringify(selectArr, null, 2);
            }

     });
</script>

返回列表

上一篇：postgersql 读取某一表中的各字段名称，类型，长度，备注，默认值，是否主键，索引类型

下一篇：layui 只有点击“导出Excel”按钮时，才改变“导出Excel”按钮的状态