在<select>中移动项目

Question

有没有办法用jQ向上或向下移动选定的项目（订购项目）？ ＆lt; select name =＆＃34; menu_select＆＃34;类=＆＃34;形状控制＆＃34;大小=＆＃34; 10＆＃34;＆GT;     ＆lt; option value =＆＃34;＆＃34;＆gt; opt1＆lt; / option＆gt;     ＆lt; option value =＆＃34;＆＃34;＆gt; opt2＆lt; / option＆gt;     ＆lt; option value =＆＃34;＆＃34;＆gt; opt3＆lt; / option＆gt; ＆LT; /选择＆GT; ＆LT;按钮＆GT;！UP＆LT; /按钮＆GT;

Answer 1

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

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

   selected.after(prev);
 });

Answer 2

我认为这是正确的方法：

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

Answer 3

尝试：

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

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