使用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>

最初是完成排序。 但是我需要先显示“选择的选项”。 我已经将Struts标签用于SELECT，如下所示

<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");

jsFiddle上的演示