javascript - 使用javascript将所选项目移动到多个选择的顶部

Question

我想在表单提交之前或之后使用 JavaScript 或 jQuery 将所选项目移动到多项选择的顶部。

例如，这个:

<select multiple="multiple" name="users" id="users">
    <option value="1" selected="selected">aaa</option>
    <option value="2">bbb</option>
    <option value="3" selected="selected">ccc</option>
    <option value="4">ddd</option>
    <option value="5">eee</option>
    <option value="6" selected="selected">fff</option>
</select>

预期结果:

<select multiple="multiple" name="users" id="users">
    <option value="1" selected="selected">aaa</option>
    <option value="3" selected="selected">ccc</option>
    <option value="6" selected="selected">fff</option>
    <option value="2">bbb</option>
    <option value="4">ddd</option>
    <option value="5">eee</option
</select>

最初我正在完成排序。但我需要先显示选定的选项。 我为 SELECT 使用了 Struts 标签，如下所示

<s:select name="users" id="users" headerKey="-1" headerValue="ALL" value="%{#request.users}"  cssClass="form-inline form-inline-big-dropdown" list="templistMap" multiple="true" />

Answer 1

这可以用一行来完成:

$("#users option:selected").prependTo("#users");

Demo on jsFiddle