pickLetters
```html
<!-- 导航栏 -->
<header class="header box flex">
<div class="flex0 plr12 relative"><i class="phoenix_icon phoenix_icon_left"></i><page></page></div>
<div class="flex1 pr12 relative">
<div class="absolute left0 top0 i18 plr12 color_gray3"><i class="phoenix_icon phoenix_icon_search"></i></div>
<div class="plr5">
<input type="text" placeholder="请输入搜索关键字搜索" class="mt5 bg_gray1 plr10 lh32 radius4 searchInput" style="padding-left:30px;width:100%;">
</div>
<div class="absolute right0 top0" style="right:14px;">
<div class="relative plr12 i18 color_gray3 searchDel hide">
<div class="link"></div>
<i class="phoenix_icon phoenix_icon_close-circle"></i>
</div>
</div>
</div>
</header>
<!-- 内容区 -->
<div class="content relative"></div>
```
```javascript
new phoenix.pickLetters({
data: [{
letter: 'A',
content: [['阿克苏','2'],['阿拉克盟','3'],['安庆','4']]
},
{
letter: 'B',
content: [['北京','5'],['宝鸡','6'],['宝山','7']]
},
{
letter: 'C',
content: [['重庆','8'],['常州','9'],['成都','10'],['承德','11'],['朝阳','12'],['苍山','13']]
},
{
letter: 'D',
content: [['重庆d','21'],['常州d','22'],['成都d','23'],['承德d','24'],['朝阳d','25'],['苍山d','26']]
}],
content: page.querySelector('.content'),
input: page.querySelector('INPUT'),
searchDel: page.querySelector('.searchDel'),
callback: function(name, id) {
}
});
```
配置项
---
|属性|类型|默认值|说明|
|-|-|-|-|
|content|dom|-|必需，插件所在位置|
|input|dom|-|必需，搜索框|
|searchDel|dom|-|必需，搜索框的删除|
|callback|function|-|可选，选择后的回调，参数name（选中的名字）, id（选中的id）|