使用javascript將選定項目移到多個選擇項的頂部

我想在表單提交之前或之後使用JavaScript或jQuery將所選項目移動到多個選擇項的頂部。使用javascript將選定項目移到多個選擇項的頂部

例如，這樣的：

<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" />

來源

2013-12-10 user3086255

這可以用一條線來完成：

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

Demo on jsFiddle

來源

2013-12-10 10:06:03

使用javascript將選定項目移到多個選擇項的頂部

回答

相關問題