使用jqselectable构建美化的select元素

  本文只对此插件的应用做一些探讨,本插件版权属于原作者,插件原始下载地址:http://www.jq22.com/jquery-info288

  原插件也有些许不足之处,比如样式定义名称太过普通,容易和页面的通用样式混淆,因此本人在原作者的基础上做了些许改动,下载地址:http://download.csdn.net/detail/lbhqq159/9816371

  

  使用方法:

  1、页面定义普通的select元素:

  

<select id="tScenic" name="tScenic" class="inputc selectable">
    <option value="0">0</option>
        <optgroup label="组1">
            <option value="1">1</option>
            <option value="1">2</option>
            <option value="1">3</option>
        </optgroup>
</select>
View Code

  2、js部分:

    // 下拉菜单
    $(".selectable").jQselectable({
        set: "fadeIn",// 默认配置,可在jQselectable.js中找到。
        setDuration: "fast",
    });
View Code

  3、运行结果:

原文地址:https://www.cnblogs.com/lbhqq/p/6721975.html