When assigning an eventhandlerto the onChange event of a SELECT element, it only triggers if the user uses the mouse and clicks another element in the list. If the user has clicked once, but then navigates the list using the arrow buttons (up-/down) on the keyboard, the onChange eventhandler is not triggered.

A workaround for now is assigning both onChange and keyUp event handlers to the SELECT element:

$('select').change(doTheMagic);

$('select').keyup(doTheMagic);

I am not sure whether this is a bug or not, but for me it seems quite obvious that an onChange event is triggered when a new option in the SELECT element is chosen, either by clicking on it with the mouse, or by navigating to it using the up-/down arrow buttons on the keyboard.

Browser:

Firefox 16.0.2@Mint