jquery select 排序

最新推荐文章于 2021-12-16 10:41:40 发布

原创最新推荐文章于 2021-12-16 10:41:40 发布 · 3.1k 阅读

0 ·

CC 4.0 BY-SA版权

前端专栏收录该内容

10 篇文章

订阅专栏

本文介绍了一种使用JavaScript对下拉菜单中的选项进行字母排序的方法，并展示了如何通过监听change事件来动态更新排序。

转 http://yuhushop.com/?p=6448

$('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') ;

绑定到具体控件上的change事件上

		var right_select = "select_id";
		var rightSel = $('#' + right_select);
		    rightSel.change(function(){
		    var t = '#' + right_select;

                    $(t + " 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(rightSel) ;			    
		});