Force picker view to pop up using Javascript on iPhone

When you touch on a menu item in a web page on the iPhone, a picker view appears that allows you to select from the values that are in the menu.

I have a web page with a menu, but I'm trying to get the picker view to appear programmatically rather than have the user touch it first. This is my form

<form id="myForm">
<select id="mySelect">
<option value="a">a</option>
<option value="b">b</option>
<option value="c" selected>c</option>
<option value="d">d</option>
<option value="e">e</option>
</select>
</form>

I've tried the click() function on "mySelect" and I've tried adding focus first as below

$(document).ready(function() {
$('#mySelect').focus(function() {
$('#mySelect').click();
});
  });

but nothing seems to work. I've tried this in Safari without success either, so it probably 开发者_Python百科not webkit-specific.

What am I doing wrong?

It looks like this can't be done. See Rex M's answer to this similar question.

Display DropDown options on Focus

What you're doing here is binding an event handler to a focus event, which invokes a click method on the select field. I'm not sure if that's what you want, I would suggest you try doing it this way:

$(document).ready(function(){
    var select = $('#mySelect'); // Cache DOM requests. In this case it might be pointless
                                 // but in other it might help.

    select.trigger('click'); // The trigger method not only triggers event handlers,
                             // but also sends a native DOM event.
});