使用jQuery对select中的option进行排序

排序Select选项

最新推荐文章于 2025-08-04 10:59:30 发布

最新推荐文章于 2025-08-04 10:59:30 发布 · 452 阅读

文章标签：

#javascript #ViewUI

本文介绍了一种使用jQuery对HTML中select元素的option进行排序的方法。通过将每个option转换为大写并比较其文本内容来实现排序功能。排序完成后，将已排序的option重新添加到select元素中。

$('select option').sort(function(a,b){
    var aText = $(a).text().toUpperCase();
    var bText = $(b).text().toUpperCase();
    if(aText>bText) return 1;
    if(aText<bText) return -1;
    return 0;
}).appendTo('select') ;  appendTo如果目标为单个对象的话，就执行移动操作，所以排序后的option在添加到自身的select前，不用清空当前的select