1. 程式人生 > >下拉選單包含搜尋框-searchableSelect

下拉選單包含搜尋框-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