iOS select onchange not firing

javascript html mobile-safari onchange
George Kendros picture George Kendros · Nov 4, 2011 · Viewed 25.7k times · Source

Does anyone know any workarounds for this? I'm trying to use a select element for navigation. It looks something like this;

<select onchange="window.location=(this.options[this.selectedIndex].value)">

It works on all desktop browsers and it also works on my WP7 phone. It doesn't work on my iPhone (iOS 5.0).

Answer

Paul Irish picture Paul Irish · May 11, 2012

iOS tends to not fire change events when you change the value of their inputs. I've documented this in more depth at the Device-Bugs tracker.

The workaround is to bind to the blur event instead. In the above example, use onblur and you'll be all set.

<select onblur="window.location=(this.options[this.selectedIndex].value)">

Related questions

Mobile Web App not clearing cache properly

I've been developing a mobile web app for iPad and I've been running into an issue while testing my code. Occasionally, and seemingly at random, the iPad will stop properly updating all of the JS libraries I've written. After updating …

Read More
No sound on iOS 6 Web Audio API

I was really excited to see iOS 6 supports the Web Audio API, since we make HTML5 games. However, I cannot get iOS 6 to play any sound at all using the Web Audio API with examples that work fine in desktop …

Read More
HTML5 Audio: How to Play only a Selected Portion of an Audio File (audio sprite)?

I'm working on an iOS metronome web app. Since mobile Safari can only play one sound at a time, I'm attempting to create an 'audio sprite' - where I can use different segments of a single audio track to generate …

Read More