Question

GOAL:
To load href value whenever somebody select option from the dropdown list – even if that option is already selected.

PROBLEM:
Although code bellow work, it doesn’t work when some option is already selected (clicked). For example, lets say that i clicked on option “By price”. New page will be loaded (fine), and option “By price” is selected by default and it is now on top of the list above the “By name” option.

Now i want to select again option “By price” and now loading page will not work.

HTML:

<select name="" class="inputbox" size="1" onchange="window.top.location.href=this.options[this.selectedIndex].value">
    <option value="/index.php/by,product_name">By name</option>
    <option value="/index.php/by,mf_name">By MF</option>
    <option value="/index.php/by,product_price">By price</option>
    <option value="/index.php/by,product_special">By type</option>
</select>

Answer 1

$('select').blur(function(){
    window.location = $('option:selected', this).val();
});

Blur will always be captured in the manner you desire.

The working jsFiddle…