jquery - 获取下拉选择列表以在选择后保持扩展状态

Question

我在这个 jsfiddle 中有一个下拉框 - http://jsfiddle.net/stevea/DFBdk/1/ - 包含可以删除的文件列表。因此，在实际应用程序中，对于要删除的每个文件，您可以下拉列表，选择该文件，该文件将被删除，然后下拉列表将关闭。然后，如果您想删除另一个文件，则必须再次将其下拉并选择另一个文件。我希望该列表保持不变，这样您只需单击一个又一个文件即可删除许多文件。要在完成后关闭列表，您可以再次单击下拉箭头。

有没有人找到一种方法(也许使用 jQuery)来实现这种行为？我尝试过使用 selectedIndex，但这只是控制下拉菜单关闭时显示的项目。

谢谢

<select id="delete_dropdown" title="delete a page" name="loads">
    <option value="" selected="selected">DELETE</option>
    <option value="DigDil">DigDil</option>
    <option value="a2">a2</option>
    <option value="bob">bob</option>
    <option value="box1">box1</option>
    <option value="box12a">box12a</option>
    <option value="box12d">box12d</option>
    <option value="box17">box17</option>
    <option value="box18">box18</option>
    <option value="box1z">box1z</option>
    <option value="box32">box32</option>
    <option value="box34">box34</option>
    <option value="box789">box789</option>
    <option value="box88">box88</option>
    <option value="box92">box92</option>
    <option value="box93">box93</option>
    <option value="box94">box94</option>
    <option value="boxaa">boxaa</option>
    <option value="boxbb">boxbb</option>
    <option value="boxcc">boxcc</option>
    <option value="boxdd">boxdd</option>
    <option value="boxee">boxee</option>
    <option value="bx12">bx12</option>
    <option value="c1">c1</option>
    <option value="cateye">cateye</option>
    <option value="cdf">cdf</option>
    <option value="dfr">dfr</option>
    <option value="dg">dg</option>
    <option value="dg4">dg4</option>
    <option value="dg5">dg5</option>
</select>

Answer 1

您是否考虑过使用multiple 属性？

example :