iPhone-like (slot machine) 'picker' select box for the web?

javascript user-interface picker
sjstrutt picture sjstrutt · Mar 17, 2009 · Viewed 16.8k times · Source

I'm looking for a iPhone-like "picker" control that I'm able to use on the web.

Accessibility is not a concern. JavaScript will be available on all clients and the web app will be run on an environment provided to the user. If the solution could gracefully degrade to a select box though, that would be great. Flash & Silverlight are not ideal (for reasons I don't care to jump into) but similar solutions in Flash & Silverlight may be appreciated by others.

Here's an example of the control on an iPhone:

Screenshot

Answer

Marino van der Heijden picture Marino van der Heijden · Aug 16, 2011

I know this question is somewhat old, but since I have an answer I could just as well give it. Other people can still be looking for it (just like I did). I created this control to use it as a plugin with jQuery. See my blog:

http://marinovdh.wordpress.com/2011/09/14/use-the-iphone-uipickerview-control-as-a-selectbox-on-your-website-with-jquery/

Related questions

Select all contents of textbox when it receives focus (Vanilla JS or jQuery)

What is a Vanilla JS or jQuery solution that will select all of the contents of a textbox when the textbox receives focus?

Read More
Capturing TAB key in text box

I would like to be able to use the Tab key within a text box to tab over four spaces. The way it is now, the Tab key jumps my cursor to the next input. Is there some JavaScript that …

Read More
iOS 7's blurred overlay effect using CSS?

It seems Apple's overlay is more than just a transparency. Any ideas on how to achieve this effect with CSS and possibly JS?

Read More