Javascript/Jquery를 사용하여 ListBox 항목 정렬

Question

페이지에 일부 항목이있는 목록 상자가 있습니다. Jquery 또는 네이티브 javascript를 사용하여 항목을 정렬하는 간단한 방법이 있습니까?

최고 감사합니다,

Answer 1

다음과 같이 Javascript JQuery 함수를 사용할 수 있습니다. 나는 그것을 완전히 테스트하지는 않았지만 작동해야합니다.

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)); 
     } 

여기에서 선택 태그에는 Id MySelect가 있어야합니다. 일반 자바 스크립트를 사용하여이 작업을 수행 할 수도 있습니다.이 옵션은 표시된 텍스트로 정렬됩니다. 각 옵션의 값을 기준으로 정렬하려면 대신, 당신은 내가 @ josephj1989 매우 유사한 방법을 사용

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

Answer 2

당신이 Tablesorter 좋은 일을, 플러그인에 jQuery를 사용하여 상관 없어.

Answer 3

아래로 정렬을 사용합니다. 그러나 드롭 다운에 값으로 문자열이 있으면 1, -1 또는 0 값을 할당해야합니다 (적어도 어쨌든 했었습니다).

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)); 
}