optgroupsでドロップダウンリストをソート

Question

アルファベット順に並べ替えたい項目がたくさんあるドロップダウンメニューがあります。違いがある場合はドロップダウンでoptgroupsが使用されます。

のは、私はこのような何かを持っているとしましょう：それは各OPTGROUPためのアルファベット順に表示しますように

<optgroup label="Fruits"> 
<option>Banana</option> 
<option>Apple</option> 
<option>Orange</option> 
<option>Avocado</option> 
</optgroup> 

は、どのように私はそれを作るのでしょうか？上記の例では、注文はApple、Avocado、Banana、Orangeです。

Answer 1

を使用できsort()

$('optgroup[label="Fruits"] option').sort(function(a, b) { 
 
    return $(a).text() > $(b).text(); 
 
}).appendTo('optgroup[label="Fruits"]');

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<optgroup label="Fruits"> 
 
    <option>Banana</option> 
 
    <option>Apple</option> 
 
    <option>Orange</option> 
 
    <option>Avocado</option> 
 
</optgroup>