Tôi có thể chuyển tùy chọn ở cuối danh sách lựa chọn không?

Question

Tôi có chọn này:

<select id="mySelect"> 
    <option value="Test 1">Test 1</option> 
    <option value="Test 2">Test 2</option> 
    <option value="Test 3">Test 3</option> 
    <option value="Test 4">Test 4</option> 
    <option value="Test 5">Test 5</option> 
    <option value="Test 6">Test 6</option> 
    <option value="Test 7">Test 7</option> 
    <option value="Test 8">Test 8</option> 
</select> 

và tôi muốn di chuyển tùy chọn thứ hai (Test 2) ở phần cuối của danh sách lựa chọn này. Tôi có thể với jQuery?

Answer 1

var $select = $('#mySelect'); 
$select.find('option:eq(1)').appendTo($select); 

Live DEMO

Đặt tùy chọn ở vị trí thứ năm:

var $select = $('#mySelect'); 
var desiredIndex = 5; 
$select.find('option').eq(desiredIndex).before($select.find('option:eq(1)'));  

Live DEMO

Answer 2

var sel = $('#mySelect'); 
sel.find('option:eq(1)').appendTo(sel); // insert to last position 

Demo

sel.find('option:eq(1)').insertAfter('option:eq(5)'); // insert to a specified position 

Demo2

Answer 3

$ ("# select_id tùy chọn [value = thevalue]") insertAfter ($ ("# select_id tùy chọn: cuối cùng")).