events - jQuery on "selected option" select -

events - jQuery on "selected option" select -

it's easy hear select's change:

var redirect = function() { homecoming window.location = $(this).val(); }; $('body').on('change', '#nav-select', redirect);

but how catching selection of selected alternative (no change event us)?

tried:

$('body').on('click', '#nav-select option', redirect);

doesn't work...

edit: clear:

i have select default selected alternative foo. want grab this:

user clicks on select selects alternative foo, selected (no alter event)

so interpreted question as:

"how can run code when alternative clicked select element's value did not change"

my solution store initial value alternative select loads with. attach spinning lock select element. attach click event controlled spinning lock. see if click on alternative loaded. here result:

working demo: http://jsfiddle.net/ns4qr/3/

html

<select id="s1"> <option value="1">1</option> <option value="3">2</option> <option value="3">3</option> </select>

js

$(function(){ (function(){ var loadedoption = $("#s1 option:selected").val(); var isopen = false; $("#s1").blur(function(){ isopen = false; }); $("#s1").click(function(){ isopen = !isopen; if(isopen)return; if(this.value == loadedoption){ //window.location = $(this).val(); alert($(this).val()); } }); })(); });

jquery events