2013-04-14 10 views
5

Irgendwelche Vorschläge, wie die <option> Elemente in diesem <select> resortieren/neu anordnen? Hier ist die html:Die Optionen in einer SELECT-Liste mit jQuery neu ordnen

<select class="required" name="jform[params][language]" id="jform_params_language"> 
    <option value="cs-CZ">Czech (Cestina)</option> 
    <option value="en-GB">English (United Kingdom)</option> 
    <option value="sk-SK">Slovak (Slovencina)</option> 
</select> 

Ich brauche es auf diese Weise zu sein:

<select class="required" name="jform[params][language]" id="jform_params_language"> 
    <option value="sk-SK">Slovak (Slovencina)</option> 
    <option value="en-GB">English (United Kingdom)</option> 
    <option value="cs-CZ">Czech (Cestina)</option> 
</select> 

nötig zu erwähnen, dass ich die html nicht ändern kann. Ich habe versucht, jQuerys sort() Funktion zu verwenden, aber ich weiß nicht, wie es geht.

Antwort

8

Sie können reverse Methode verwenden.

var $sel = $('#jform_params_language'), 
    $o = $sel.children().toArray().reverse(); 

$sel.append($o); //[0].selectedIndex = 0; 

http://jsfiddle.net/3UWx6/

+1

oh Mann vielen Dank! Ich wusste nicht, dass es so einfach sein kann, danke! – aspirinemaga

4

Z.B. 3. Option vor 1. Option zu verschieben, können wir unter jquery verwenden:

Verwandte Themen