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