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

Demo on jsFiddle

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

1 个答案: