title: iPhone / Android induce native Dropdown picker
body: <p>Is there any way to (possibly with phoneGap) induce the native mobile dropdown picker for a set of elements?</p>
  
  <p>For example, someone clicks into a list:</p>
  
  <pre><code>&lt;ul class="dropdown"&gt;
      &lt;li&gt;Bananas&lt;/li&gt;
      &lt;li&gt;Oranges&lt;/li&gt;
      &lt;li&gt;Apples&lt;/li&gt;
      &lt;li&gt;Pears&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>And the set of elements pops up in a native iOS dropdown picker and you can click on one of them? A dropdown I'm talking about can be seen here:</p>
  
  <p><img src="https://note19.files.wordpress.com/2009/05/statepicker.jpg" alt="iPhone Select Dropdown"></p>
  
  <p>I realize that you'd have to then call some other native function to get the return value of what was actually selected and "do something" with that information.</p>
  
  <p>The reason I ask is because I have a custom select picker which is created using <code>&lt;ul&gt;</code> and <code>&lt;li&gt;</code> elements, so the select/dropdown box is fully customizable, and I'm happy with the way it works, but on mobile versions the long dropdown is not as user friendly as the native picker.</p>