javascript - 按字母顺序排序选择菜单？

Question

我有以下选择菜单(jsFiddle):

<select>
  <option value="volvo">Cars</option>
  <option value="saab">------------</option>
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="mercedes">Mercedes</option>
  <option value="audi">Audi</option>
</select>

使用 Javascript，我将如何按字母顺序重新排序列表，不包括前 2 个选项(Cars 和 --------)，它们必须保留在顶部？在此先感谢您的帮助。

Answer 1

作为一个纯粹主义者，我想说的是，在任何时候都没有特别提及或要求 jQuery，它可能出于某种原因未在该项目中使用。这是一个使用纯 javascript 的示例。

function sortlist(){

 var cl = document.getElementById('carlist');
 var clTexts = new Array();

 for(i = 2; i < cl.length; i++){
    clTexts[i-2] =
        cl.options[i].text.toUpperCase() + "," +
        cl.options[i].text + "," +
        cl.options[i].value + "," +
        cl.options[i].selected;
 }

 clTexts.sort();

 for(i = 2; i < cl.length; i++){
    var parts = clTexts[i-2].split(',');

    cl.options[i].text = parts[1];
    cl.options[i].value = parts[2];
    if(parts[3] == "true"){
        cl.options[i].selected = true;
    }else{
       cl.options[i].selected = false;
    }
 }
}

sortlist();

http://jsfiddle.net/GAYvL/7/

已更新以区分大小写。