jQuery下拉框美化插件fancyselect扁平风格指南

fancyselect是一个小而实用的jQuery下拉框美化plug-in.the下拉美化插件使用扁平化设计风格，其中首选下拉美化插件开发者追求时尚。

使用方法

HTML结构

的fancyselect效用是非常简单的，它可以用在jQuery或者Zepto组合。一些地方在网页下拉框组件，然后调用下拉框插件通过the.fancyselect（）方法。如果在下拉框中没有价值，插件使用一点占位符文本替换它。

默认情况下，fancyselect只使用本地的下拉框和风格的iOS设备上。如果你想覆盖它，设置为true的时候forceios下拉框初始化。

fancyselect还可以通过元素的数据类属性指定样式，你可以指定不同的风格，通过这种方法选择下拉框。

复制代码代码如下所示：
选择的东西…

也许你

乱数假文

忧伤

坐

艾美特
Javaｓｃｒｉｐｔ

复制代码代码如下所示：

$（'基本'）FancySelect（）；
更新选项

如果你的下拉框选项是插件的初始化进行修改之后，你可以告诉插件通过下拉框update.fs触发方法的更新选项列表。

复制代码代码如下所示：

无功myselect = $（'。我的选择）；

myselect.fancyselect（）；

MySelect.append（）；

MySelect.trigger（更新。FS的）；
启用/禁用下拉框

的fancyselect下拉框插件会自动设置下拉框禁用禁用状态初始化后，如果你需要重置下拉框的状态，你可以使用enable.fs或disable.fs方法修改他们的选择要素。

复制代码代码如下所示：
第一个选项

第二选项
无功myselect = $（'。我的选择）；

myselect.fancyselect（禁用）； / /目前由于HTML属性

…

MySelect.trigger（'enable。FS '）； / /现在启用

甚至于/以后…

MySelect.trigger（'disable。FS '）； / /现在残疾人再
如果你需要做一些个性的效果，你可以使用triggertemplate和triggertemplate方法。它们通过选项选项返回一个HTML字符串。

复制代码代码如下所示：
白炽灯

CFL

卤素
$（'。球）。FancySelect（{

optiontemplate：功能（optionel）{

返回optionel.text（）+

；}）
你可以听change.fs事件时，下拉框选项的变化：

复制代码代码如下所示：
第一个选项

第二选项
无功myselect = $（'。我的选择）；

myselect.fancyselect（），（变化。FS，函数（））{

$（这）。Trigger（变化。$'）；

}）； / /触发DOM的变化事件改变fancyselect时