Question

I need to change the options order in dropdown list

<select id="Genre" size="1">                  
        <option value="1">India</option>  
        <option value="2">US</option>  
        <option value="3">UK</option>  
        <option value="4">Africa</option>  
        <option value="5">Australia</option>  
        <option value="6">Newziland</option>    
</select> 

Using javascript / jQuery I would like you to move the option named "Australia" as the second option.
Now its the 2nd last option. That means first option India, 2nd option Australia and then the rest of them.

I tried $(#Genre>option[text=Australia].insertAfter('#Genre>option[value=1]') But its not working..

Answer 1

Try this:

$(document).ready(function() {
    $('#Genre>option[value=5]').insertAfter('#Genre>option[value=1]')
});

Or to get by content:

$('#Genre>option:contains(Australia)').insertAfter('#Genre>option:contains(India)');