Jquery.sumoselect插件实现下拉复选框

来源：互联网发布：java手写ioc 编辑：程序博客网时间：2024/05/29 07:17

1、官方网站：

https://hemantnegi.github.io/jquery.sumoselect/ 说明介绍网址

https://hemantnegi.github.io/jquery.sumoselect/sumoselect_demo.html demo网址

2、实现效果

3、代码demo

首先引入js与css文件

<link href="css/sumoselect.css" rel="stylesheet">

<script src="vendor/jquery.sumoselect.js"></script>

然后在html里面添加select标签：

<select multiple="multiple" placeholder="咨询,建议" class="SlectBox" id="SlectBox" required style="width: 160px"></select>

最后在js代码中添加代码：

$('.SlectBox').SumoSelect({        csvDispCount: 3,        captionFormat: '已选择：{0}(个)',        selectAll:true,        captionFormatAllSelected: "全选",        okCancelInMulti: true,        locale :  ['确定', '取消', '']    });

注意：官网中有许多的属性，同时还能在select下拉框中绑定许多的事件：

当我们想要下拉框二级联动的时候，通过下面的事件，刷新select标签中的内容实现下拉框的二级联动。

//重新加载select标签中的数据$('#SlectBox')[0].sumo.reload();

在官网下载demo一看便知！

阅读全文

0 0