Ordenar listas en JavaScript

[DHURAY]

Tengo una lista (tipo combo pero no desplegable) a la que añado elementos. Como los inserta al final del mismo quiero ordenarlos alfabéticamente, bien a partir del "value" o bien a partir del "text". ¿Cómo se puede?¿Algún ejemplo?

[DanielRey]

Hola DHURAY :)

Me hiciste sudar bastante <img src='images/tongue.gif' width=15 height=15 align=middle>, pero aquí está

&lt;HTML&gt;
&lt;HEAD&gt;
&lt;TITLE&gt;Select&lt;/TITLE&gt;
&lt;/HEAD&gt;
&lt;SCRIPT&gt;
//Valores
var elementos = new Array();

function ordenar() {
//Leer
for (i = 0; i &lt; cboSort.options.length; i++) {
elementos[I] = cboSort.options(i).value + &quot; &quot; + cboSort.options(i).text;
}
//Vaciar
while (cboSort.options.length &gt; 0) cboSort.remove(0);
//Ordenar
ordenados = elementos.sort();
//Llenar
FillSortDropDownWithFields(cboSort, ordenados);
}

// Llenar el dropdown con los valores del array
function FillSortDropDownWithFields(oDropDown, elementos) {
// Solo llenar si está vacío
if (oDropDown.options.length &gt; 0)
return;

// Agregar cada una de las columnas
for (i = 0; i &lt; elementos.length; i++) {
datos = elementos.split(&quot; &quot;);
AddItemToDropDown(oDropDown, datos[0], datos[1]);
}
cboSort.selectedIndex = 0;
}

// Agregar a la lista el par value/text especificado
function AddItemToDropDown(oDropDown, cValue, cText) {
oOption = document.createElement('OPTION');
oOption.value = cValue;
oOption.text = cText;
oDropDown.add(oOption);
}
&lt;/SCRIPT&gt;
&lt;BODY&gt;
&lt;Button onClick=ordenar()&gt;Ordenar&lt;/BUTTON&gt;&lt;BR&gt;
&lt;SELECT ID=cboSort&gt;
&lt;OPTION value=P&gt;Perro
&lt;OPTION value=G&gt;Gato
&lt;OPTION value=T&gt;Tigre
&lt;OPTION value=C&gt;Caballo
&lt;/SELECT&gt;
&lt;/BODY&gt;
&lt;/HTML&gt;

Espero que te sirva, creo que sólo funciona en Internet Explorer.

Suerte ;)

<IMG src=banderas/argentina.gif>

[DanielRey]

Christian!!! Hay que cambiar eso de [ i ], jode cuando usás arrays!!!!!

Aquí va de nuevo:

&lt;HTML&gt;
&lt;HEAD&gt;
&lt;TITLE&gt;Select&lt;/TITLE&gt;
&lt;/HEAD&gt;
&lt;SCRIPT&gt;
//Valores
var elementos = new Array();

function ordenar() {
//Leer
for (i = 0; i &lt; cboSort.options.length; i++) {
elementos[ i ] = cboSort.options(i).value + &quot; &quot; + cboSort.options(i).text;
}
//Vaciar
while (cboSort.options.length &gt; 0) cboSort.remove(0);
//Ordenar
ordenados = elementos.sort();
//Llenar
FillSortDropDownWithFields(cboSort, ordenados);
}

// Llenar el dropdown con los valores del array
function FillSortDropDownWithFields(oDropDown, elementos) {
// Solo llenar si está vacío
if (oDropDown.options.length &gt; 0)
return;

// Agregar cada una de las columnas
for (i = 0; i &lt; elementos.length; i++) {
datos = elementos[ i ].split(&quot; &quot;);
AddItemToDropDown(oDropDown, datos[0], datos[1]);
}
cboSort.selectedIndex = 0;
}

// Agregar a la lista el par value/text especificado
function AddItemToDropDown(oDropDown, cValue, cText) {
oOption = document.createElement('OPTION');
oOption.value = cValue;
oOption.text = cText;
oDropDown.add(oOption);
}
&lt;/SCRIPT&gt;
&lt;BODY&gt;
&lt;Button onClick=ordenar()&gt;Ordenar&lt;/BUTTON&gt;&lt;BR&gt;
&lt;SELECT ID=cboSort&gt;
&lt;OPTION value=P&gt;Perro
&lt;OPTION value=G&gt;Gato
&lt;OPTION value=T&gt;Tigre
&lt;OPTION value=C&gt;Caballo
&lt;/SELECT&gt;
&lt;/BODY&gt;
&lt;/HTML&gt;

[DHURAY]

Árduo trabajo! Muchas gracias por todo

[kuriel]

¿Y como quedaria? para un

<div id="a">A</div>
<div id="d">D</div>
<div id="c">C</div>
<div id="b">B</div>