使用JQuery对列表框进行排序

时间:2012-04-26 15:50:24

标签: jquery

我有一个显示

的列表框lstPresentRates
<option value="1.01">(I)Ally Bank-Internet (1.01)</option>
<option value="1.03">(I)Alostar Bank-Internet (1.03)</option>
<option value="0.55">(I)American Express Bank-Salt Lak (0.55)</option>

我想按一下按钮点击事件的值。

我试过了,但显然不太正确 -

$('#lstSelectRates'.value.sort());

MC

2 个答案:

答案 0 :(得分:2)

var opt = $('select option');
    opt.sort(function(a, b) {
        if(parseFloat($(a).attr('value')) > parseFloat($(b).attr('value')))
            return 1;
        else return -1;
    });
    $('select').empty().html(opt);

答案 1 :(得分:2)

这是jsfiddle

var $sel = $('#lstSelectRates');
var $children= $sel.children('option').sort(function(a,b){
                                          a=$(a).attr("value")*1.0;
                                          b=$(b).attr("value")*1.0;
                                          return a > b ? 1 : -1;});

$sel.empty();
$children.appendTo($sel);​