liste Trier options de la boîte à l'aide mootools1.2

Question

Ci-dessous mon HTML

<select name="name" id="id"> 
    <option value="1">ZZZ</option> 
    <option value="1">PPP</option> 
    <option value="1">SSS</option> 
    <option value="1">AAA</option> 
</select> 

Je veux que cette boîte de sélection sera triée en fonction ci-dessous. J'utilise mootools1.2 comme cadre de travail JS.

Merci
Avinash

Answer 1

Peut-être qu'il ya une meilleure façon de faire, mais les travaux suivants;

var values = []; 
$('selectList').getElements('option').each(function(elem) { 
    values.push(elem.get('text')); 
}); 

values.sort(); 

$('selectList').empty(); 
$each(values, function(value) { 
    new Element('option') 
     .set('text', value) 
     .inject($('selectList')); 
}); 


<form> 
    <select id="selectList"> 
     <option>b</option> 
     <option>c</option> 
     <option>a</option> 
    </select> 
</form>