picks
实例：简化版
---
```html
<div class="box mt10 flex">
<div class="link pickFeedback"></div>
<div class="form_title flex0">反馈类型</div>
<div class="form_select flex1"><span></span><input type="text" data-name="反馈类型" data-required="1"></div>
<div class="form_right flex0">请选择<i class="phoenix_icon phoenix_icon_right"></i></div>
</div>
```
```javascript
new phoenix.picks({
ele: ele,
data: [['西瓜', '0', ''],['苹果', '1', 'active'],['葡萄', '2', 'disabled']],
show: ele.parentNode.querySelector("SPAN"),
input: ele.parentNode.querySelector("INPUT"),
onSelect: function(value) {
}
});
```
配置项
---
|属性|类型|默认值|说明|
|-|-|-|-|
|ele|DOM|-|必需，触发元素|
|data|array|-| 必需，选择项，二维数组形式（active:默认选中，disabled:不可选）。形如：[['西瓜', '0', ''],['苹果', '1', 'active'],['葡萄', '2', 'disabled']]|
|title|string|-|可选，提示标题文字，默认无标题|
|activeStyle|string|color_red|可选，选中文字的样式|
|disabledStyle|string|color_gray3|可选，不可选的文字样式|
|show|DOM|-|可选，显示选中值的元素,无配置为不显示|
|input|DOM|-|可选，接收值的input,无配置不显示|
|inputOut|DOM|1|可选，输入input的值类型,名称(0)、ID(1)|
|colNum|DOM|1|可选，每行显示选项个数，数字形式，最大支持4|
|max|number|5|可选，允许最大选择个数|
|onSelect|function|-|可选，选择后的回调函数。参数names：选中的名称，数组形式；参数ids： 选中的ID,数组形式|