XmSelect下拉多选

2021/2/14 layui

下拉多选功能,支持多选, 单选, 重复选,分页等https://maplemei.gitee.io/xm-select/#/basic/use (opens new window)

# 基本使用

<!-html->
<div id="demo1" class="xm-select-demo"></div>

// js
xmSelect.render({
	el: '#demo1',
    filterable: true,
	data: [
		{name: '水果', value: 1},
		{name: '蔬菜', value: 2},
		{name: '桌子', value: 3},
		{name: '北京', value: 4},
	]
})


# 效果演示

image-20220217102452502

# Api

参数 说明 类型 默认值 可选值
el DOM元素 String -- --
data 数据源 Array [] --
initValue 默认选中的数据 Array -- --
filterable 是否开启搜索 Boolean false true
filterMethod 搜索后的回调 Function -- --
paging 是否开启分页 Boolean false true
radio 是否开启单选 Boolean false true
max 设置多选上限 Number -- --