获取选择的多个元素以具有下拉按钮

Question

我注意到如果你向select元素添加多个元素，那么会显示所有选项，而没有multiple元素会有一个下拉按钮。我想有下拉按钮，然后可以从下拉列表中选择多个项目。这可能吗？

这里有一个jsfiddle：http://jsfiddle.net/Z6KWr/3/

<select id="delete_dropdown" multiple>
    <option value="1">1</option>
    <option  value="2">2</option>
    <option  value="3">3</option>
    <option  value="4">4</option>
    <option value="5">5</option>
    <option  value="6">6</option>
    <option  value="7">7</option>
    <option  value="8">8</option>
</select>

由于

Answer 1

这在HTML中是不可能的。如果您对jQuery插件感兴趣，请检查

Chosen.js

中的多重选择

或

Select2.js

中的多值选择框

Answer 2

不，下拉列表不允许多项选择。为此，你必须使用一些其他插件，这将允许多个选择，同时看起来像一个下拉列表。

你可以在这里找到一些插件

1. https://code.google.com/p/dropdown-check-list/

2. http://www.erichynds.com/blog/jquery-ui-multiselect-widget

3. http://blogs.prakashinfotech.com/multi-select-dropdown-list-using-jquery-plug-in-chosen.html