使用Javascript对下拉列表进行排序

我想用javascript对下拉项目进行排序,任何人都可以告诉我如何做到这一点.

1> masto..：

---

你可以使用jQuery和类似的东西:

$("#id").html($("#id option").sort(function (a, b) {
    return a.text == b.text ? 0 : a.text < b.text ? -1 : 1
}))

但是,问问你为什么以及你想要完成什么可能更好.

---

+1完全基于没有jQuery需要做的事情(见下面的答案).

2> altblue..：

---

  three
  one
  zero
  two

---

对不起,但是我不明白你评论的重点是什么,因为我确定你已经看了下面一行的那个数字比较确实是一个,猜猜是什么,"词典比较"选项'"文字"？!:(

3> Ishan Jain..：

---

您可以尝试JQuery排序功能 -

试试这个

HTML代码 -

  Three
  One
  one
  a
  b
  A
  B
  Zero
  Two
  Eight

JQUERY CODE -

$("#ddlList").html($('#ddlList option').sort(function(x, y) {        
     return $(x).text().toUpperCase() < $(y).text().toUpperCase() ? -1 : 1;
}));
$("#ddlList").get(0).selectedIndex = 0;
e.preventDefault();

要么

你也可以使用数组排序 -

试试这个

 var options = $('#ddlList option');
 var arr = options.map(function (_, o) { return { t: $(o).text(), v: o.value }; }).get();
 arr.sort(function (o1, o2) { return o1.t.toUpperCase() > o2.t.toUpperCase() ? 1 : o1.t.toUpperCase() < o2.t.toUpperCase() ? -1 : 0; });         
 options.each(function (i, o) {
     o.value = arr[i].v;
     $(o).text(arr[i].t);
 });