多选下拉
基本用法:
创建实例: let multipleSelection = McrbHttpClient.multipleSelection(containerId);
containerId 装载容器的id
渲染: multipleSelection.render(options);
options.name string 字段名
options.data arrary 下拉可选择的数据
options.data中{text:文字,value:值}
options.readOnly Boolean 是否只读(非必填)
获取 - 选中的值: multipleSelection.getValue();
赋值 - 选中的值: multipleSelection.setValue(val);
说明:使用multipleSelection.setValue()赋值时参数val(string)以逗号分割拼接如(3,5)
<!-- 实例 -->
<div id="multipleSelection_id"></div>
let multipleSelection = McrbHttpClient.multipleSelection('multipleSelection_id')
multipleSelection.render({
name: 'fctype',
data: [
{text:'字段1', value: 1},
{text:'字段2', value: 2},
{text:'字段3', value: 3},
{text:'字段4', value: 4},
{text:'字段5', value: 5},
]
});
<!-- 打印 - 最终选中的值 -->
console.log(multipleSelection.getValue());
<!-- 赋值 -->
multipleSelection.setValue('3,5');
展示:
扫一扫