드롭 다운에서 항목을 바꾸는 순서 변경 방법

Question

항목을 바꾸기 위해 드롭 다운의 순서를 변경할 수 있습니까?

나는 알파벳 순서로 변경해야합니다. 어떤 생각?

미리 감사드립니다.

Answer 1

를 검색은 selectList의를 정렬 할 니펫을

$("#mSelect").append($("#mSelect option").remove().sort(function(a, b) { 
 
    var at = $(a).text(), bt = $(b).text(); 
 
    return (at > bt)?1:((at < bt)?-1:0); 
 
}));

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<select id="mSelect" > 
 
    <option value="val1" > DEF </option> 
 
    <option value="val4" > GRT </option> 
 
    <option value="val2" > ABC </option> 
 
    <option value="val3" > OPL </option> 
 
    <option value="val5" > AWS </option> 
 
    <option value="val9" > BTY </option> 
 
</select>

Answer 2

작은 수정 : 순간에 기본 옵션 선택

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
<select id="mSelect" > 
    <option value="val1" > DEF </option> 
    <option value="val4" > GRT </option> 
    <option value="val2" > ABC </option> 
    <option value="val3" > OPL </option> 
    <option value="val5" > AWS </option> 
    <option value="val9" > BTY </option> 
</select> 

$("#mSelect").append($("#mSelect option").remove().sort(function(a, b) { 
    var at = $(a).text(), bt = $(b).text(); 
    return (at > bt)?1:((at < bt)?-1:0); 
})); 

$("#mSelect").val(""); 

Answer 3

을 지우는 추가 된 마지막 행은 그런 옵션이 없습니다 . jQuery-Hacky 메서드가 가능할 수도 있지만 시도하지는 않습니다. 기본적으로 github에 문제를 작성해야하지만 코드를 작성해야 할 수도 있습니다.