【JQuery外掛程式】帶搜尋方塊的下拉框美化外掛程式

標籤：ext   option   src   技術分享   node   images   sheet   bsp   sea   

1  引入js css 檔案

    <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>      <option value="richerdyoung">richerdyoung</option>      <option value="依然範兒特西">依然範兒特西</option>      <option value="php">php</option>      <option value="python">python</option>      <option value="go">go</option>      <option value="java">java</option>      <option value="node">node</option>      <option value="vue">vue</option>      <option value="html">html</option>      <option value="apps">apps</option>      <option value="or">or</option>    </select>

 

3 js部分：

 <script>        $(function(){            $(‘select‘).searchableSelect();        });    </script>

效果如下： 

 

 

示範地址：  https://www.richerdyoung.cn/searchselect/

 

ps: 不要問我從哪裡下載。不給你說！相信你能搞定的

 

【JQuery外掛程式】帶搜尋方塊的下拉框美化外掛程式