فرز خيارات مربع القائمة باستخدام Mootools1.2

Question

أدناه هو 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>

أريد أن يتم فرز المربع المحدد هذا حسب أدناه.

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

أنا أستخدم Mootools1.2 كعمل إطار JS الخاص بي.

شكرًا
أفيناش

Answer 1

ربما هناك طريقة أفضل للقيام بذلك ، ولكن الأعمال التالية ؛

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>