# Select 选择器

# 1、基础用法--采用select+comp方式渲染

comp渲染，必须申明class为comp 然后在comp里面添加相应的参数配置。如果是comp方式渲染的对象，通过 $("#input_obj").attrObj("_CtpUiComSelect");方式来获取对象

由select渲染

▼显示代码

# 基础用法--采用select+对象方式渲染

由select渲染

▼显示代码

# 2、基础用法--采用inputt+comp方式渲染

普通的输入框

由input渲染

▼显示代码

# 基础用法--采用input+对象方式渲染

由input渲染

▼显示代码

# 3、disabled下拉

comp渲染，必须申明class为comp 然后在comp里面添加相应的参数配置。如果是comp方式渲染的对象，通过 $("#input_obj").attrObj("_CtpUiComSelect");方式来获取对象

disabled下拉

▼显示代码

# 4、group下拉--采用input+对象方式渲染

由input渲染

▼显示代码

# 参数列表

参数		说明	类型	可选值	默认值
type	---------	控件类型	string		CtpUiComSelect
options	--------	下拉值集	Array	自定义	[]
----------	value	下拉项对应的值	string	自定义
----------	label	下拉项显示的label	string	自定义
disabled	--------	是否可以编辑	boolean	false/true	false
search	--------	是否可以过滤查询	boolean	false/true	false
width	--------	如果没有指定width，则采用select或者input的宽度作为下拉的宽度,如果设置了宽度，则以设置的宽度为准	number
containerId	--------	出现滚动条的容器，如果是body出现滚动条则不需要该参数	string	自定义

# 方法列表

方法名	说明	参数
getSelValue	获取选中的值
getSelText	获取选中的Text值

# Select 多选选择器

CtpUiMultiSelect继承于CtpUiComSelect，select的方法和参数都适用于CtpUiMultiSelect

# 1、多选下拉选择器--采用input+comp方式渲染

comp渲染，必须申明class为comp 然后在comp里面添加相应的参数配置。如果是comp方式渲染的对象，通过 $("#input_obj").attrObj("_CtpUiMultiSelect");方式来获取对象

由input渲染

▼显示代码

# 2、多选下拉选择器--采用select+comp方式渲染

由select渲染

▼显示代码

# 参数列表

参数		说明	类型	可选值	默认值
type		控件类型	string		CtpUiMultiSelect
options		下拉值集	Array	自定义	[]
----------	value	下拉项对应的值	string	自定义
----------	label	下拉项显示的label	string	自定义
disabled		是否可以编辑	boolean	false/true	false
search		是否可以过滤查询	boolean	false/true	false
containerId		出现滚动条的容器，如果是body出现滚动条则不需要该参数	string	自定义
mouseover		通过鼠标移入移出来实现下拉的显示隐藏	boolean	false/true	false

# 方法列表

方法名	说明	参数 1	参数 2
attachEvent	注册方法	eventName[方法名]	fun[回调函数]
detachEvent	销毁方法	eventName[方法名]
setValue	设置下拉的值	value[下拉对应的value]
setValueByIndex	根据options的index设置下拉值	index[下拉序号]
setEnabled	设置为可以编辑
setDisabled	设置为不可以编辑
getOptionSize	获取选项的数量
getSelText	获取选中的Text值
getSelValue	获取选中的值
clearAll	清空所有值
addOption	添加选项	value	label

//清空以前的数据 $("#clearData").click(function(){ mulselOBj.clearAll(); }) //新增数据 $("#addData").click(function(){ mulselOBj.addOption(2,3); })

▼显示代码

事件调用例子

dropdown.attachEvent("click", function(value, text){
    // your code here
    return true;
});

mulselOBj.attachEvent('onChange',function(val,text){
     alert(mulselOBj.getSelValue())
})

# event事件列表

eventName	参数 1	参数2
click	value [选项的value]	text[选项的text]
removeItem【多选下拉才有，移除选项】	value [选项的value]	text[选项的text]
onChange
afterInit

← Rate 评分 Slider 滑块 →