Home/ Questions/Q 136143
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-11T06:54:07+00:00

I have a dropdown that triggers an ajax call when its changed: $(‘.travel-to’).change(function(){ $.ajax({

  • 0

I have a dropdown that triggers an ajax call when its changed:

$('.travel-to').change(function(){       $.ajax({         type: 'GET',         url: '/inc/rates/rates-viewer.php',         data: 'shtech=y&c_name='+escape($(this).val()),         success: function(html){             $('.rates-viewer').html(html);             $('.rates-viewer tr.numbers td').css({ opacity: 0 }).fadeTo('slow',1);         }     }); });

My problem is, in Firefox, using the up/down cursor keys to cycle through the dropdown options, doesn’t trigger the js onChange() event. It’s ok in IE.

How can I make Firefox see the up/down cursors as an onChange? Can I do an either/or on the event, to make either an onChange or a keypress trigger the same thing?

Thanks.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. You’re actually taking advantage of a bug in IE. Firefox supports onChange correctly, as it’s not supposed to fire until the browser loses focus of the select field. (I answered a question yesterday about this very issue, in fact.) It’s actually kind of dangerous to use onChange with a select, especially because there’s no way for keyboard only users to skip some options. (On top of that, the mouse wheel seems to spin by multiple answers, but it actually fires onChange for each entry it passes by on IE.)

    If you really want the event to fire whenever someone presses up or down, I would hook into the onKeyPress or onKeyDown events to fire whenever the ‘up’ or ‘down’ key is pressed.

    • 0