特效描述:jQuery 带搜索框 select下拉框 美化插件。带搜索框的jQuery下拉框美化插件 searchableSelect
代码结构
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>