简介

Jquery.sumoselect是一个跨设备和跨浏览器的Jquery下拉列表框插件。jQuery下拉列表框插件可以是单选题，也可以是多选题。它的样式可以通过CSS文件进行自定义。它最大的特点是可以跨设备使用，所有设备功能相同。

jQuery下拉列表框插件具有以下功能：

您可以进行单次选择或多次选择。可以通过CSS文件自定义样式。支持绝大多数设备。根据设备智能渲染。在安卓、IOS、Windows等设备上，会自动呈现设备原生风格的下拉列表框。您可以自定义提交数据的格式(可以通过csv或默认提交多选)。支持选定、禁用和占位符文本。可扩展，开发人员可以轻松创建新组件。使用基本方法来管理间隙，例如添加选项、删除选项、禁用、选择等。jQuery下拉列表框插件需要使用jQuery 1.8.3版本，建议使用最新版本的jQuery 1 . 8 . 3

1.官方网站：

https://hemantnegi.github.io/jquery.sumoselect/描述介绍网站https://hemantnegi.github.io/jquery.sumoselect/sumoselect _ demo . html demo网站

2.达到效果

3.代码演示

首先，介绍了js和css文件

link href=' CSS/sumose select . CSS ' rel=' external no follow ' rel='样式表'脚本src=' http : vendor/jquery . sumose select . js '/脚本，然后在html中添加select标记：

选择multiple=' multiple '占位符=' consultation，improvement ' class=' slec tbox ' id=' slec tbox '必需的样式=' width : 160 px '/选择最后将代码添加到js代码：

$ ('.slec tbox’)。sumose select({ csvdispcount : 3，captionformat: '已被选中：{0}(每个)'，selectall3360 true，captionformallselected 3360 '全选'，okcancelinmulti 3360 true，locale : [注意：官方网站中有很多属性，在select下拉框中可以绑定很多事件：

当我们想要下拉框的二级联动时，通过以下事件刷新select选项卡中的内容，实现下拉框的二级联动。

//重载select标记中的数据$(' # SlectBox ')[0]. sumo . Reload()；摘要

上面提到的jQuery。边肖给大家介绍的Sumoselect插件实现下拉复选框效果，希望对大家有所帮助。如果你有任何问题，请给我留言，边肖会及时回复你。非常感谢您对我们网站的支持！