排序下拉列表不是按值或字母順序排列

Question

我有一個非常開放的問題。我知道如何按值排序下拉列表，並按字母順序通過jQuery進行排序。但是，有沒有辦法將它按照自定義順序排序，而不是按價值或按字母順序排列？

Answer 1

添加附加字段來捕捉排序順序意圖，排序按該字段，並且從視圖中隱藏場...

Answer 2

你可以添加一個數據排序屬性，然後使用該值的選項進行排序：

DEMO：http://jsfiddle.net/kpt19djr/1/

<select id="test"> 
    <option data-order="7">opt 1</option> 
    <option data-order="4">opt 2</option> 
    <option data-order="1">opt 3</option> 
    <option data-order="5">opt 4</option> 
    <option data-order="6">opt 5</option> 
    <option data-order="2">opt 6</option> 
    <option data-order="3">opt 7</option> 
</select> 

JS：

$("#test").html($("#test option").val(function(){ 
    return $(this).data('order'); 
}).sort(function (a, b) { 
    var a = parseInt(a.value,10), b = parseInt(b.value,10); 
    return a < b ? -1 : 1; 
}));