下拉菜单包含搜索框-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>

2、在html中写包含select标签的,如

 <select>
      <option value="素材家园">素材家园</option>
      <option value="BlackBerry">BlackBerry</option>
      <option value="device">device</option>
      <option value="with">with</option>
      <option value="entertainment">entertainment</option>
      <option value="and">and</option>
      <option value="social">social</option>

......

</select>

3、写jq

如：

<script type="text/javascript">
$(function(){
$('select').searchableSelect();
});
</script> 

引用下载地址：http://www.jq22.com/jquery-info7063