2013-04-14 14 views
5

Qualsiasi suggerimento su come ricorrere/riordinare gli elementi <option> all'interno di quello <select>? Ecco il codice html:Riordina le opzioni in un elenco SELECT con jQuery

<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> 

ho bisogno di essere in questo modo:

<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> 

c'è da dire che non riesco a modificare il codice HTML. Ho provato ad usare la funzione sort() di jQuery ma non so come farlo.

risposta

8

È possibile utilizzare il metodo reverse.

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

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

http://jsfiddle.net/3UWx6/

+1

oh uomo grazie mille! non sapevo che potesse essere così facile, grazie! – aspirinemaga

4

Ad es per spostare la terza opzione prima della prima opzione, possiamo usare sotto jquery:

Problemi correlati