using JQuery to sort a listbox

Question

I have a list box lstPresentRates that displays

<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>

I would like to sort on value on a button click event.

I tried this but it's apparently not quite right -

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

MC

See this question: stackoverflow.com/questions/45888/…

Mike Webb
– Mike Webb

2012-04-26 15:57:38 +00:00
Commented Apr 26, 2012 at 15:57 — Mike Webb
– Mike Webb, Commented Apr 26, 2012 at 15:57

thecodeparadox · Accepted Answer · 2012-04-26 15:54:50Z

3

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);

answered Apr 26, 2012 at 15:54

thecodeparadox

87.2k22 gold badges143 silver badges164 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Pencho Ilchev · Accepted Answer · 2012-04-26 16:13:29Z

2

Here is a 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);

answered Apr 26, 2012 at 16:13

Pencho Ilchev

3,26121 silver badges22 bronze badges

Collectives™ on Stack Overflow

using JQuery to sort a listbox

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related