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