Question

I am looking for a way to dismiss the select picker found in the iOS Safari once a option element is being selected.

We can trigger the whole thing with OnChange, but the picker is still open.

I tried .blur() and .blur(function() { window.clearInterval(interval); })

We are running with jQuery installed.

The process should be :

1. User taps the select box
2. Options appear in the built-in browser picker
3. User taps an option
4. Script loads
5. Picker goes away afterwards (this is the step missing)

Answer 1

You can bind the onblur event handler to the input elements and check in the handler if any of them have focus (using document.activeElement). As given in this answer to a similar question.