有啥办法可以让选择看起来很普通吗？

Posted 2023-05-07

【中文标题】有啥办法可以让选择看起来很普通吗？

【英文标题】：Is there any way to make select, which allows multiple selections look like ordinary?有什么办法可以让选择看起来很普通吗？

【发布时间】：2013-08-05 09:18:41

【问题描述】：

有没有什么办法可以让多选看起来很普通？ 就像一个下拉菜单，你知道……

<select multiple="multiple"></select>

看起来像

<select></select>

http://jsfiddle.net/UKf5Y/3/

【问题讨论】：

可以，但需要自己用 javascript 实现。

但下拉菜单的全部意义在于一次只能选择一项......

@BoltClock 什么？那你觉得multiple 属性有什么用？

嗯......以原生方式在没有 js 的情况下进行操作是我首先想要的。 :) 设计给我这个元素只有 40px 的高度，所以我想要下拉:( 否则我必须使用一些 js 解决方法。我不喜欢它。

【参考方案1】：

嗯，不。如果有，用户将如何使用它来选择多个项？

多重选择起作用的唯一方式是因为所有项目同时显示并且它们可以单击并拖动或在按住修改键的同时单击。

如果它看起来像一个下拉框，您如何在不取消选择第一个项目的情况下导航到第二个项目？

【讨论】：

@SilentImp 此外，它在标准状态下如何显示多个部分？ （那是疯狂的谎言，等等）

合理的做法是有一个下拉菜单，每次从中选择某些内容时，都会将其添加到单独的列表中。对于大多数人来说，默认的多选输入非常不直观。

同意，@Juhana。我认为他们是一个糟糕的用户界面，通常会寻找替代品。但我不认为在一个控件上选择项目并将您的选择显示在其他地方会更好。

是的，我会使用自动完成来获得更长的列表，而使用普通的旧复选框来获得更短的列表。

我不可能——不管我怎么看……就是这样:(

【参考方案2】：

选择列表的样式，以及 html 中的许多不同元素（特别是 input[type='file'] 元素，实际上取决于浏览器。如果您想让它在视觉上更具吸引力/与众不同，您将确实需要使用一些 JavaScript 并为您的选择使用“接口”。一些非常好的用于选择列表的 JavaScript 库是 jQuery Multiselect、jQuery UI Multiselect 和 select2，也许你应该看看那些。

值得注意的是，只有 select2 支持单个/多个变体，并且样式仍然确实看起来不同，但是你怎么能一次看到多个选择呢？您可以设计自己的解决方案，确实看起来相同，但我认为这会产生误导。

【讨论】：

嗯，我不熟悉 select2，但它看起来很像 chosen。我想知道一个是不是另一个的叉子？

***.com/questions/13575531/… :)