如何重新订购<选项>在jquery选择的下拉列表中按字母顺序排列

How do I re-order the <options> alphabetically in a jquery-chosen dropdown

本文关键字:下拉列表 排列 顺序 选择 何重新 lt 选项 gt jquery      更新时间:2023-09-26

我有一个下拉列表,可以很好地满足我的需求。我唯一的问题是,出于所有意图和目的,我不能向下拉列表提供排序列表,但需要在客户端按字母顺序排列。我似乎找不到任何与在所选插件中按字母顺序重新排列标签相关的内容。很好奇是否有人不得不这样做,或者能为我指明正确的方向。示例代码为:

$("#my-dropdown").chosen({no_results_text: "No results matched"});

只是想知道在我自己用javascript订购之前是否有组织它的选项。提前感谢

您应该先对列表进行排序。。。然后运行所选的插件。

// sort list
var my_options = $("#my-dropdown option");
my_options.sort(function(a,b) {
    if (a.text > b.text) return 1;
    else if (a.text < b.text) return -1;
    else return 0
})
$("#my-dropdown").empty().append(my_options);
// run chosen plugin
$("#my-dropdown").chosen({no_results_text: "No results matched"});

在这里列出从高分答案中窃取的排序代码:

对Html Select';进行排序的最有效方法是什么;s按值显示选项,同时保留当前所选项目?

看看API,我也看不到任何排序选项。然而,这里有两个链接可能会有所帮助:

  1. Ricky Rosario关于如何对选择选项进行排序的博客文章
  2. jQuery选择的可排序项目