带搜索框的jQuery下拉框美化插件 searchableSelect,一个简单而人性化的jQuery插件,为select下拉框创建一个搜索栏来快速筛选出你想要的内容,支持切换操作。
效果图:
jQuery-searchableSelect的使用方式:
1.引用
<link href="jquery.searchableSelect.css" rel="stylesheet" type="text/css">
<script src="jquery-1.11.1.min.js"></script>
<script src="jquery.searchableSelect.js"></script>
当然也可以引入其他版本的jquery包文件。
2.在html中写包含select标签
<select>
<option value="1">哈哈哈</option>
<option value="2">测试2</option>
<option value="3">测试3</option>
<option value="4">测试4</option>
<option value="5">测试5</option>
<option value="6">测试6</option>
......
</select>
3.写jquery代码
如:
<script type="text/javascript">
$(function(){
$('select').searchableSelect();
});
</script>
引用下载地址:http://download.csdn.net/detail/paulangsky/9568514
转载来自:http://blog.csdn.net/paulangsky/article/details/51837455