Question

当您触摸iPhone上网页中的菜单项时，会出现一个选择器视图，允许您从菜单中的值中进行选择。

我有一个带有菜单的网页，但我试图让选择器视图以编程方式显示，而不是让用户先触摸它。这是我的表格

<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>

我在“mySelect”上尝试过click（）函数，我尝试首先添加焦点，如下所示

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

但似乎没有任何效果。我在Safari中尝试过这种方法也没有成功，所以它可能不是特定于webkit的。

我做错了什么？

Answer 1

看起来无法做到这一点。请参阅Rex M对此类似问题的回答。

Display DropDown options on Focus

Answer 2

你在这里做的是将事件处理程序绑定到focus事件，该事件在select字段上调用click方法。我不确定这是不是你想要的，我建议你尝试这样做：

$(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.
});

强制选择器视图在iPhone上使用Javascript弹出

2 个答案: