将<select>保留为具有多个属性集

时间:2018-06-08 18:40:20

标签: javascript html dom drop-down-menu

我写了一个下拉的脚本&lt; select&gt;在网页上,并向&lt; select&gt;添加多个属性这样就可以选择多个选项。但是,当&#34;多个&#34;设置我的&lt; select&gt; element丢失其下拉箭头并变为没有下拉的选择框。有没有办法设置一个选择接受多个选项,同时将其保留为网页上的下拉菜单?该脚本相当长,因为它使用页面上的其他信息来确定&lt; select&gt;需要多个或单个选择,更改此属性的代码如下。 if(Qtype ===&#34; Multi-Select&#34;){   select_elem.setAttribute(&#34; multiple&#34;,&#34; multiple&#34;); } if(Qtype ===&#34; Single-Select&#34;){   select_elem.removeAttribute(&#34;多个&#34); }

1 个答案:

答案 0 :(得分:2)

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

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

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

Link to plugin