一个jQuery插件,它将常规的选择框变成类似Quicksilver的灵活匹配、增量查找控件。

Posted

tags:

中文标题:一个jQuery插件,它将常规的选择框变成类似Quicksilver的灵活匹配、增量查找控件。 原文标题:A jQuery plugin that turns regular select boxes into Quicksilver-like, flex-matching, incremental-finding controls. 项目评级:Star:238      Fork:49 下载地址:https://github.com/rmm5t/jquery-flexselect 详情介绍

flexcelect:一个jQuery插件

FlexSelect是一个jQuery插件,可以将选择框转换为灵活匹配

增量查找控制。

灵活地将几个击键与较长的字符串进行匹配在

打字员的生产力。Quicksilver、LaunchBar和

Launchy已经使这种键盘输入方法成为一种流行的方法。是时候了

将同样的功能引入到web控件中。FlexSelect为select执行此操作

盒。

用法

首先,加载jQuery

LiquidMetal评分算法,以及

插件:

<script src="jquery.min.js" type="text/javascript"></script> <script src="liquidmetal.js" type="text/javascript"></script> <script src="jquery.flexselect.js" type="text/javascript"></script>

现在,让我们将其附加到DOM ready上的选择框中:

<pre> jQuery(document).ready(function() jQuery("select.flexselect).flexselect(); ); </pre>

这将使所有classflexselect的选择元素:

<select class="flexselect" id="president name="president"> <option value="1">George Washington</option> <option value="2">John Adams</option> <option value="3">Thomas Jefferson</option> ... </select>

进入一个糟糕的自动完成文本框,并支持flex匹配。

有关更多用法和示例:http://rmm5t.github.io/jquery-flexselect/

灵感来源:

托多

著者

Ryan McGeary(@rmm5t)

许可证

麻省理工学院许可证

jQuery 多选下拉框插件

不得不知的 15 个 jQuery 选择框插件

jQuery插件——下拉选择框

使用 jquery tablesorter 插件,有一个下拉框选择一个项目

jquery日历插件问题

动态创建的文本框想要加上jQuery的datepicker功能变成日期选择控件该怎么办?