帶搜尋框的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>