Question

This one has stumped me. If you have two select tags (see this demo), both with all of the same options, how would you write a script to go the next option in the second select tag, if the user selects the same option in both selects.

Answer 1

Tom Hubbard’s solution didn’t work for me, the values switched around strangely at times. For me this worked:

$(function() {
    $('.salary-select').change(function() {
        if($('#salary1').val() == $('#salary2').val() ) {
            $("#salary2")[0].selectedIndex+=1;
        }
    });
});

You’d need to add something you check you didn’t select the last value in both lists, however.

Fiddle: http://jsfiddle.net/h4aLc/2/