# layui_multipleselect

**Repository Path**: xuwangcheng/layui_multipleselect

## Basic Information

- **Project Name**: layui_multipleselect
- **Description**: layui下拉框扩展，多选下拉框
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 1
- **Created**: 2018-02-12
- **Last Updated**: 2022-05-25

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# layui_multipleselect

#### 介绍
layui下拉框扩展，多选下拉框  

demo: http://dcits-pts.gitee.io/layui_multipleselect/demo.html

### 用法

```
layui.config({
        base: './'
    }).use(['rmpmultipleselect'], function(){
        var multipleselect = layui.rmpmultipleselect;

        //初始化多选下拉框
		var obj2 = multipleselect({
            ele:'#search-field2',
            width:400,
            render:true, //true代表使用配置数据生成  false代表使用已有html元素渲染生成
            options:{   //使用自定义数据生成
                'data':[
                    {
                        text:'HOST',
                        value:'host',
                        selected:true
                    },
                    {
                        text:'真实HOST',
                        value:'realHost',
                        selected:true
                    },
                    {
                        text:'用户名',
                        value:'username',
						selected:true
                    },
                    {
                        text:'类型',
                        value:'serverType'
                    },
                    {
                        text:'标签',
                        value:'tags'
                    },
                    {
                        text:'备注',
                        value:'mark',
                        selected:true
                    }
                ],
                'tip':'请选择要搜索的列'               
            },
            optionChange:function(isSelected, value){
                console.log("select2" + isSelected, value);
            },
            dropdownClose:function(values){
                console.log("select2" + values);
            }
		});
		
		
        var obj = multipleselect({
            ele:'#search-field',
            width:260,
            render:true, //true代表使用配置数据生成  false代表使用已有html元素渲染生成
            options:{   //使用自定义数据生成
                'data':[
                    {
                        text:'HOST',
                        value:'host',
                        selected:true
                    },
                    {
                        text:'真实HOST',
                        value:'realHost',
                        selected:true
                    },
                    {
                        text:'用户名',
                        value:'username'
                    },
                    {
                        text:'类型',
                        value:'serverType'
                    },
                    {
                        text:'标签',
                        value:'tags'
                    },
                    {
                        text:'备注',
                        value:'mark',
                        selected:true
                    }
                ],
                'tip':'请选择要搜索的列'               
            },
            optionChange:function(isSelected, value){
                console.log("select1" + isSelected, value);
            },
            dropdownClose:function(values){
                console.log("select1" + values);
            }
		});

        //获取选中的值value
        console.log(obj.selected.selectedValue);
		console.log(obj2.selected.selectedValue);
    });
```