javascript - 将 <select> 保持为具有多个属性集的下拉列表

Question

我写了一个下拉脚本 <select>在网页上，并添加一个 multiple属性为 <select>以便可以选择多个选项。但是，当设置“多个”时，我的 <select>元素失去了它的下拉箭头，变成了一个没有下拉列表的选择框。有什么方法可以将选择设置为接受多个选项，同时将其保留为网页上的下拉列表？该脚本相当长，因为它使用页面上的其他信息来确定是否 <select>需要多选或单选，更改此属性的代码如下。

if (Qtype === "Multi-Select") {
  select_elem.setAttribute("multiple", "multiple");
}
if (Qtype === "Single-Select") {
  select_elem.removeAttribute("multiple");
}

Answer 1

当您将 multiple 属性添加到 select 时，默认情况下会将控件更改为选择框(让用户选择多个选项)。

获得所需行为的简单方法是使用插件。

执行此操作的一个插件(还有更多)是:multiple-select.js(它是一个 jQuery 插件)

Link to plugin