jquery - 使用 jQuery 对 Select 字段进行排序

Question

我有一个选择字段，我需要将选项分组，但不是按升序或降序值排序。

我有游戏平台和游戏类型，我想在同一下拉选择字段中将它们分成两组。

现在，选择字段中的所有元素都按字母顺序排列，如下所示:

3DS
Action
Android
Beat 'Em Up
First Person Shooter
iOS

我想先按类型对它们进行排序，然后再按平台进行排序，如下所示:

Action
Beat 'Em Up
First Person Shooter
3DS
Android
iOS

每个选项都有一个数值，我可以用它来识别它，但是如何更改它在选择字段中的位置/顺序？

$("select#cat option[value='45']");

谢谢! :D

Answer 1

http://jsfiddle.net/UqNrN/HTML

<select id="test">
    <option value="4">3DS</option>
<option value="1">Action</option>
<option value="5">Android</option>
<option value="2">Beat 'Em Up</option>
<option value="3">First Person Shooter</option>
<option value="6">iOS</option>
</select>

JS

$(function(){
    $('#test').find('option').detach().sort(function(a, b){
        return a.value - b.value;
    }).appendTo('#test').parent().val('1');
});