admin管理员组

文章数量:1424916

I Want to Move selected items to the top of multiple select using JavaScript or jQuery before or after form submit.

For example, this:

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

Expected result: 

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

Initially am getting the sorting done. But I need to show the Selected Option first. I Have used the Struts tag for SELECT which is as follow

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

I Want to Move selected items to the top of multiple select using JavaScript or jQuery before or after form submit.

For example, this:

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

Expected result: 

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

Initially am getting the sorting done. But I need to show the Selected Option first. I Have used the Struts tag for SELECT which is as follow

<s:select name="users" id="users" headerKey="-1" headerValue="ALL" value="%{#request.users}"  cssClass="form-inline form-inline-big-dropdown" list="templistMap" multiple="true" />
  • javascript
  • jquery
  • jsp
  • struts
Share Improve this question edited Dec 12, 2013 at 8:42 Salman Arshad 273k84 gold badges444 silver badges534 bronze badges asked Dec 10, 2013 at 9:59 user3086255user3086255 372 silver badges4 bronze badges
Add a ment  | 

1 Answer 1

Reset to default 6

This can be done with one line:

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

Demo on jsFiddle

本文标签： jqueryMove selected items to the top of multiple select using javascriptStack Overflow

版权声明：本文标题：jquery - Move selected items to the top of multiple select using javascript - Stack Overflow 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://www.betaflare.com/web/1745417816a2657766.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。