带搜索的下拉框jQuery插件

在一些后台管理功能中，下拉框中的选项太多很难找到目标选项，此时需要一个带搜索功能的输入框，可以方便选中目标选项。类似下面这个样子：

在线演示 demo下载

实现方法很简单，头部引用资源文件，代码如下：

<link href="SearchableSelect/jquery.searchableSelect.css" rel="stylesheet" />    
<script src="jquery-1.11.3.min.js"></script>    
<script src="SearchableSelect/jquery.searchableSelect.js"></script>    
<style>    
.searchable-select {    
width: 400px;/*设置下拉框宽度*/    
}    
</style>

下拉框内容和JS脚本如下：

<select>
        <option value="绿叶网.NET">绿叶网.NET</option>
        <option value="jQuery插件">jQuery插件</option>
        <option value="带查询下拉框">带查询下拉框</option>
        <option value="with">with</option>
        <option value="entertainment">entertainment</option>
        <option value="and">and</option>
        <option value="social">social</option>
        <option value="networking">networking</option>
    </select>
    <script>
		$(function(){
            $('select').searchableSelect();
		});
    </script>

这样就实现了带搜索的下拉框。