在<select>中移动项目

Question

有没有办法使用jQ将所选项目上移或下移（以排序项目）？

<select name="menu_select" class="form-control" size="10">
    <option value="">opt1</option>
    <option value="">opt2</option>
    <option value="">opt3</option>
</select>

<button>UP!</button>

- Andrew Bro

---

可能是使用按钮在选择框中上下移动项目的重复问题。 - Atif Tariq

Answer 1

https://jsfiddle.net/refan/axyyqenb/

 $("button").on("click", function() {
   var selected = $("#menu_select option:selected");
   var prev = selected.prev();

   selected.after(prev);
 });

- irfan

Answer 2

我认为这是正确的做法：

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

- Wouter den Ouden

---

谢谢，但有点不对，因为我想把项目向上移动一步，而不是移到顶部。 - Andrew Bro

Answer 3

尝试：

 $("#menu_select option:selected").next().insertBefore("#menu_select option:selected"); 

 $("#menu_select option:selected").prev().insertAfter("#menu_select option:selected");

- madalinivascu

---

请添加解释以提高此答案的质量。 - Daniel Cheung