HTML option排序功能

最新推荐文章于 2021-06-28 22:31:57 发布

bin加菲猫

最新推荐文章于 2021-06-28 22:31:57 发布

阅读量1.3k

点赞数 1

CC 4.0 BY-SA版权

分类专栏： Web前端文章标签： option 排序

本文链接：https://blog.youkuaiyun.com/xtwxfvsi/article/details/74235446

Web前端专栏收录该内容

1 篇文章

订阅专栏

本文介绍了一种使用JavaScript实现的下拉菜单选项排序方法。通过定义一个排序规则函数，并结合DOM操作来实现对HTML select元素中选项的字母顺序排列。此方法可以应用于任何需要按字母顺序显示选项的场景。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

function sortRule(a,b) {
    var x = a._text;
    var y = b._text;
    return x.localeCompare(y);
}
function op(){
    var _value;
    var _text;
    var _selected;
}
function sortOption(selectObj){
    var obj = document.getElementById(selectObj);
    var tmp = new Array();
    for(var i=0;i<obj.options.length;i++){
        var ops = new op();
        ops._value = obj.options[i].value;
        ops._text = obj.options[i].text;
        ops._selected = obj.options[i].selected;
        tmp.push(ops);
    }
    tmp.sort(sortRule);
    for(var j=0;j<tmp.length;j++){
        obj.options[j].value = tmp[j]._value;
        obj.options[j].text = tmp[j]._text;
        obj.options[j].selected = tmp[j]._selected;
    }
}