首页 > Web开发 > 详细

【JQuery插件】带搜索框的下拉框美化插件

时间:2017-07-26 14:14:20      阅读:234      评论:0      收藏:0      [点我收藏+]

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插件】带搜索框的下拉框美化插件

原文:http://www.cnblogs.com/richerdyoung/p/7239270.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!