How to reselect already selected option

Question

The title seems confusing but what I want to do is...

I know how to handle only if the user select new option with this - $(\'select\').change(function(){})

Answer 1

In instances where nothing should happen when the user selects the already-selected option I suppose it is a "feature" of the DOM rather than a bug to have no Event occur. However, if your code is doing more with than making a simple selection it is also a nuisance, so I'm grateful others have tackled it here.

The current accepted answer is clever in the use of the click event to capture selection of an already selected

option, but if you are willing to specify the length of your list as (in this case) , you can simply set the selected value to "" from your "change" Event, and the same selection will trigger every time.

In this case the OP's example would change to:

HTML:

RED BLUE GREEN

jQuery:

$('select').change(function(){
    var val = $(this).val();
    alert(val);
    $('select').val("");
});

The only side-effect is that the selection element may now display to the user as three rows rather than one.

(Credit goes to Kirby L. Wallace for the idea of setting the select's value to "").