如何更改選擇選項順序？

<select onchange=""class="product-custom-option" name="options[41]"> 
    <option value=""> -- selsect --</option> 
    <option price="0" value="162">L</option> 
    <option price="0" value="163">M </option> 
    <option price="0" value="164">S </option> 
<option price="0" value="165">XL </option> 

    </select>

現在我想恰克的順序，因爲這：S M L XL。如何更改選擇選項順序？

$('.product-custom-option:option(3)').insertAfter('.product-custom-option:option(0)'); 
$('.product-custom-option:option(1)').insertBefore('.product-custom-option:option(4)');

對不起，我是jquery的新手，上面沒有明白嗎？

我想獲得新的訂單是這樣的：

<option value=""> -- selsect --</option> 
<option price="0" value="164">S </option> 

    <option price="0" value="163">M </option> 
    <option price="0" value="162">L</option> 
<option price="0" value="165">XL </option>

來源

2012-12-27 hehe

如何正在生成列表？ – PeeHaa

我已更新該問題。 – hehe

var options = $('.product-custom-option option'); 

$(options[ 3 ]).insertAfter($(options[ 0 ])); 
$(options[ 2 ]).insertAfter($(options[ 3 ]));

http://jsfiddle.net/ceduG/

但它可能更容易到服務器端，如果在所有可能的排序。

來源

2012-12-27 08:49:24 JJJ

或者只需更換選擇元素的HTML：

$('.product-custom-option').html('<option value=""> -- selsect --</option><option price="0" value="164">S </option><option price="0" value="163">M </option><option price="0" value="162">L</option><option price="0" value="165">XL </option>');

http://jsfiddle.net/746G9/

來源

2012-12-27 09:07:51 atif

如何更改選擇選項順序？

回答

相關問題