Sorte de zone de liste des éléments à l'aide de Javascript/Jquery

J'ai une Listbox avec certains des éléments sur une page. Est-il un moyen simple pour trier les éléments à l'aide de Jquery ou javascript natif?

Cordialement,

OriginalL'auteur Yongwei Xing | 2010-06-03

  1. 15

    Vous pouvez utiliser un Javascript JQuery fonction comme ci-dessous. Je n'ai pas testé pleinement, mais il doit travailler.

     function Sortit() {
        var $r = $("#MySelect option");
        $r.sort(function(a, b) {
            if (a.text < b.text) return -1;
            if (a.text == b.text) return 0;
            return 1;
        });
        $($r).remove();
        $("#MySelect").append($($r));
        }

    Ici votre Balise select doit avoir un Id MySelect. Vous pouvez également le faire en utilisant un javascript.Cela permettra de trier par le Texte Affiché à l'écran des Options. Au lieu de cela, si vous souhaitez trier par la Valeur de chaque option, vous utilisez un type comme ci-dessous

     $r.sort(function(a, b) {
               return a.value-b.value;
            });

    OriginalL'auteur josephj1989

  2. 1

    J'ai utilisé une méthode très similaire à @josephj1989. Toutefois, si votre déroulante contient des chaînes de valeurs, vous devez attribuer le 1, -1 ou 0 valeurs (au moins je n'ai de toute façon).

    function SortList(listname) { 
    var $r = $(listname + " option"); 
    $r.sort(function(a, b) { 
        return (a.value < b.value) ? -1 : (a.value > b.value) ? 1 : 0;
        //or you can have a.text, b.text, etc
    }); 
    $($r).remove(); 
    $(listname).append($($r)); 
}

    OriginalL'auteur WEFX

  3. 0

    Si vous n'avez pas l'esprit à l'aide d'un plug-in jQuery, Tablesorter fait un bon travail.

    OriginalL'auteur Ken Redler