pick
实例:简化版
---
```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.pick({
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|
|onSelect|function|-|可选,选择后的回调函数。参数value:选中的值,数组形式,[名称, ID]|
|onCancel|function|-|可选,点击取消后的回调函数|