jQuery下拉框多选

来源:https://www.sucaihuo.com/js/1787.html 2017-04-21 18:24浏览(1435) 收藏

jQuery下拉框多选觉得很实用document对与每一个都有对应slidownSelectOptionse,直接可以拿来使用,适合于网站模块,写了老半天不容易大家好好利用起来。。。
jQuery下拉框多选
分类:导航菜单 > 多级菜单 难易:初级
查看演示 下载资源 下载积分: 20 积分

首先引用css +jquery

<script src="jquery/jquery-1.10.2.js"></script>
<script src="./js/bundles.js"></script>

bundles的调用,调用方法、传入的参数

var slidownSelectOptionse1 = {
            el: 'aaaaaa',//容器名称
            type: 'double',//插件类型
            width: '70px',//宽度
            height: '40px',//高度
            background: '#ffffff',//默认背景色
            color: '#000000',//默认字体颜色
            selectBackground: '#006666',//选中背景色
            selectColor: '#ffffff',//选中字体颜色
            show: 'false',//是否展开
            content: '...请选择...',//默认要显示的内容
            data: data//数据
        }
        var slidownSelectOptionse2 = {
            el: 'bbbbbb',//容器名称
            type: 'single',//插件类型
            width: '70px',//宽度
            height: '40px',//高度
            background: '#ffffff',//默认背景色
            color: '#000000',//默认字体颜色
            selectBackground: '#6699CC',//选中背景色
            selectColor: '#ffffff',//选中字体颜色
            show: 'true',//是否展开
            content: '...请选择...',//要显示的内容
            data: data2//数据
        }

        var slidownSelectOptionse3 = {
            el: 'cccccc',//容器名称
            type: 'more',//插件类型
            width: '70px',//宽度
            height: '40px',//高度
            background: '#ffffff',//默认背景色
            color: '#000000',//默认字体颜色
            selectBackground: '#66CC99',//选中背景色
            selectColor: '#ffffff',//选中字体颜色
            show: 'true',//是否展开
            content: '...请选择...',//要显示的内容
            data: data3//数据
        }

        var slidownSelectOptionse4 = {
            el: 'dddddd',//容器名称
            type: 'more',//插件类型
            width: '70px',//内容显示宽度
            height: '40px',//内容显示高度
            background: '#ffffff',//默认背景色
            color: '#000000',//默认字体颜色
            selectBackground: '#FF6633',//选中背景色
            selectColor: '#ffffff',//选中字体颜色
            show: 'false',//是否展开
            content: '...请选择...',//要显示的内容
            data: data3//数据
        }

        $(document).ready(function () {
            rltTools.slidownSelect(slidownSelectOptionse1)
            rltTools.slidownSelect(slidownSelectOptionse2)
            rltTools.slidownSelect(slidownSelectOptionse3)
            rltTools.slidownSelect(slidownSelectOptionse4)
        })
评论0
头像

系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 1915635791

1 2