framework7智能选择布局应用（smart-select）

一、静态智能选择布局：

只需要在<select>上面加<smart-select>类就可以形成智能选择列表

带有搜索栏的智能选择--在App初始化时使用smartSelectsearchbar:true来启动它

在弹窗窗口打开--在App初始化时使用smartSelectopenIn:"popup"|可以用data-open-in=“popup”打开这个页面

在选择器中打开--App初始化时使用smartSelectopenIn:"picker"|可以用data-open-in="picker"

可以用选择器打开

多重选择和选择组：在<select>标签里添加multiple

多重选择最长长度：可以在<select>标签里添加maxlength的属性来限制选中的项目的数量

二、动态添加选项

在js中添加：

myApp.smartSelectAddOption(select,optionHTML,index)添加选项以在指定索引处选择

select--html元素或者字符串（必须）

optionHTML-字符串与选项的HTML的补充

添加一个option

myApp.smartSelectAddOption('.smart-select select','<option value="apple">Apple</option>');

添加新的option到第一个组

myApp.smartSelectAddOption('.smart-select select','<option value='apple' selected>Apple</option>'

添加新的option到第二个组

myApp.smartSelectAddOption($$('.smart-select select optigroup').eq(1),'<option value="apple">Apple</option>',0);