Javascript 保持<;选择>;作为具有多属性集的下拉列表

Javascript 保持<;选择>;作为具有多属性集的下拉列表,javascript,html,dom,drop-down-menu,Javascript,Html,Dom,Drop Down Menu,我编写了一个脚本,在网页上下拉,并向添加一个multiple属性,以便可以选择多个选项。但是,当设置“multiple”时,my元素将丢失其下拉箭头,并变成一个没有下拉菜单的选择框。有没有办法将选择设置为接受多个选项,同时将其保留为网页上的下拉列表?脚本相当长,因为它使用页面上的其他信息来确定是否需要多选或单选,下面是更改此属性的代码 if (Qtype === "Multi-Select") { select_elem.setAttribute("multiple", "multiple"

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

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

将“多属性”添加到“选择”时,默认情况下会将控件更改为选择框(以允许用户选择多个选项)

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

一个插件(还有很多)是:multiple-select.js(它是一个jQuery插件)


同时分享您的代码片段。