多选下拉

基本用法:

创建实例: 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');
            

展示:

 
获取多选下拉选中值赋值多选下拉选
本文档来自—microbee-http 丨 软件开发框架平台