如何更改下拉菜單中的訂單以替換項目

我需要將其更改爲字母順序。任何想法？

在此先感謝！

2017-01-30 Danny Brouwer

[按字母順序排序選項元素使用jQuery]可能的副本（http://stackoverflow.com/questions/12073270 /排序選項元素-按字母順序使用-jquery的） –

請看以下代碼片段進行排序選擇列表的

$("#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>

來源

2017-01-30 08:22:04 Curiousdev

小的修正：清除默認選項選擇

<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("");

來源

2017-01-30 10:29:22 user7488658

目前加最後一行有沒有這樣的選項。 jQuery-Hacky方法可能是可行的，但我不會嘗試。基本上如果你想這樣做，你應該在github上創建一個問題，但你可能需要貢獻代碼:)

來源

2017-01-30 15:28:59 iJungleBoy

如何更改下拉菜單中的訂單以替換項目

回答

相關問題