如何重新订购<选项>在jquery选择的下拉列表中按字母顺序排列
How do I re-order the <options> alphabetically in a jquery-chosen dropdown
我有一个下拉列表,可以很好地满足我的需求。我唯一的问题是,出于所有意图和目的,我不能向下拉列表提供排序列表,但需要在客户端按字母顺序排列。我似乎找不到任何与在所选插件中按字母顺序重新排列标签相关的内容。很好奇是否有人不得不这样做,或者能为我指明正确的方向。示例代码为:
$("#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,我也看不到任何排序选项。然而,这里有两个链接可能会有所帮助:
- Ricky Rosario关于如何对选择选项进行排序的博客文章
- jQuery选择的可排序项目
相关文章:
- 如何使用jQuery选择下拉列表的值
- 将jsp文件下拉列表中的选定项分配给一个java变量(比如String selection)
- Javascript按钮下拉列表
- jQuery表单添加不适用于下拉列表
- 用每小时的差值填充数组/列表-从下拉列表中给定两个时间值
- 禁用jQuery中的下拉列表
- 如何在按钮中显示下拉列表中选定的元素
- 如何在从多选下拉列表中选择选项值时动态生成文本框
- 如何使用PHP和JS级联三个下拉列表
- 如何在使用剑道 MVVM 下拉列表时强制选择第一项
- 语义ui如何使用javascript启用或禁用下拉列表
- 无法使用PHP动态设置下拉列表中的值
- 如何根据对具有多行的先前列表的选择来动态加载下拉列表
- 下拉列表在使用z索引放置在前面后停止工作
- 从多维嵌套json数组创建下拉列表
- 如何在剑道下拉列表中按文本和值搜索
- 使用下拉列表筛选列表(ul>li)
- 如何使用jquery从下拉列表(javascript)中选择192.168.3.0进行测试自动化
- 不能使用Angular.js按字母顺序排列下拉列表值
- 如何重新订购<选项>在jquery选择的下拉列表中按字母顺序排列