jQuery带搜索框的select下拉框美化插件

代码结构

1. 引入CSS

<link href="jquery.searchableSelect.css" rel="stylesheet" type="text/css">

2. 引入JS

<script type="text/javascript" src="jquery-1.11.1.min.js"></script>
<script type="text/javascript" src="jquery.searchableSelect.js"></script>

3. HTML代码

<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>
	<option value="networking">networking</option>
	<option value="apps">apps</option>
	<option value="or">or</option>
	<option value="apps">apps</option>
	<option value="that">that</option>
	<option value="will">will</option>
	<option value="boost">boost</option>
	<option value="your">your</option>
	<option value="productivity">productivity</option>
	<option value="Download">Download</option>
	<option value="or">or</option>
	<option value="buy">buy</option>
	<option value="apps">apps</option>
	<option value="from">from</option>
	<option value="Afbb">Afbb</option>
	<option value="Akademie">Akademie</option>
	<option value="Berlin">Berlin</option>
	<option value="reviews">reviews</option>
	<option value="by">by</option>
	<option value="real">real</option>
</select>
<script type="text/javascript">
$(function(){
	$('select').searchableSelect();
});
</script>