Cómo ordenar alfabéticamente un combo con jQuery

Algunas veces puede ser interesante saber cómo ordenar alfabéticamente un combo con jQuery. Si necesitas hacerlo y no tienes claro cómo, aquí te ayudo:

Ordenar alfabéticamente un combo con jQuery

Ejemplo sencillo para ordenar un combo con ID llamado comboAlfabetico:

// Acceso al combo 
var $combo = $("#comboAlfabetico"); 
// Obtencion del elemento seleccionado 
var valorSeleccionado = $combo.val(); 
// Aplicacion del orden alfabetico 
$combo.html(
  $("#comboAlfabetico option", $(this)).sort(function(a, b) { 
  return a.text == b.text ? 0 : a.text
}));

Ordenar todos o más de un combo

Siguiendo con jQuery, utilicemos each():

$("select").each(function() { 
  // Obtencion del elemento seleccionado 
  var valorSeleccionado = $(this).val(); 
  // Aplicacion del orden alfabetico 
  $(this).html($("option", $(this)).sort(function(a, b) { 
    return a.text == b.text ? 0 : a.text 
  }));

En este ejemplo se aplica a todos los combos existentes, pero puedes filtrarlos por clase o contenedor.

Si tienes alguna duda o sugerencia, deja un comentario 🙂

David Burgos

Read more posts by this author.