始于Layui, 下拉选择框的多选解决方案
下载地址: https://gitee.com/maplemei/xm-select
文档地址: https://maplemei.gitee.io/xm-select/
使用方式
//第一步, 下载, 然后引入xm-select.js
<script src="dist/xm-select.js" type="text/javascript" charset="utf-8"></script>
//第二步, 页面写一个占位标签
<div id="demo1"></div>
//第三步, 去渲染这个标签
var demo1 = xmSelect.render({
el: '#demo1',
data: [
{name: '水果', value: 1, selected: true, disabled: true},
{name: '蔬菜', value: 2, selected: true},
{name: '桌子', value: 3, disabled: true},
{name: '北京', value: 4},
],
})
一个小栗子
回显方式
- 对象中加上
selected: true即可 - 使用
setValue方法
demo1.setValue([
{name: '蔬菜', value: 2, selected: true},
{name: '北京', value: 4, selected: true},
])
- 用
update方法更新data数据
//这种方式会更新整个数据
demo1.update({
data: [
{name: '蔬菜', value: 2, selected: true},
{name: '北京', value: 4, selected: true},
]
})
当然, 更多的问题就去看看文档吧~~
