select2 或 selected：如何扩展功能

Posted 2023-05-08

【中文标题】select2 或 selected：如何扩展功能

【英文标题】：select2 or chosen: how to extend funcationality

【发布时间】：2018-09-27 23:39:00

【问题描述】：

select2 或 chosen 或 bootstrap-multiselect

我正在寻找一种在多选中显示选项的方法，就像简单的“多选”选项对常规选择控件所做的那样。

它节省了点击！当您必须选择多个选项时，它会节省一次点击（需要打开下拉菜单才能看到选项）。我无法在任何地方找到与此相关的任何文档。

【参考方案1】：

您可能不是在询问“html 中的列表”（注意：没有一个统一的解决方案 - 请参阅移动设备上的多选，它们与桌面上的不同）而是关于列表在由单击蚂蚁打开的弹出窗口中，直到您完成所有选择才关闭？需要一键点击，而不是“点击打开、点击选择、点击打开、点击选择……”？

Chosen 不能这样做（选择后关闭弹出窗口）。

bootstrap-multiselect 可以，但是它的列表不是很友好：1）它可以在鼠标下改变它的位置（上下跳跃），2）通常是“太宽”——复选框离文本太远（文本左对齐，复选框右对齐）。

你可以试试我的组件：https://github.com/DashboardCode/BsMultiSelect

在您完成所有选择之前，此处的下拉菜单不会关闭，如果您的输入控件的长度“更宽”，它不会看起来“太宽”。