在Android网页浏览器中使用JS打开选择框

Question

我有一个标准的<select>，希望当用户点击另一个元素时打开它。在普通浏览器和iPhone上很简单，但是在Android上似乎无法正常工作。

我尝试了click和focus事件，还尝试了更改select的size属性，但这些都没有起作用。

有人之前实现过这个吗？

- Ariel

Answer 1

其他输入是否获得焦点？

这个简单的HTML选择示例在浏览器中运行良好： http://www.w3schools.com/tags/tryit.asp?filename=tryhtml_option 在您的移动设备上查看。

如果您正在测试应用程序，则我认为您的Webview失去了焦点。一个简单的普通选择在Android浏览器上可以工作。如果您想在自己的Webview JavaScript中使用它，您必须启用它。

- Pentium10

---

当直接点击选择器时，它可以正常打开。我想做的是在单击不同的元素（例如图片）时打开选择器。此外，我只是在一个HTML页面中使用它，而不是在应用程序中使用。 - Ariel

我不知道该说什么，试着找到一个这个程序可以正常运行的地方，然后从那里复制。 - Pentium10

还没有看到过这样的。也许只能成为第一个 :) - Ariel

我有同样的问题，当使用size属性时，默认情况下它不会打开，很奇怪。除了安卓浏览器外，我可以在所有其他浏览器中使其正常工作。:( - Yene Mulatu

Answer 2

我通过用 select 遮盖另一个元素并通过不透明度使 select 透明，成功在 iOS/Android 上实现了它的功能:

// HTML
<div class="clickable-styled-container">
  Choose your destiny
  <select>
    <option>Destiny 1</option>
    <option>Destiny 2</option>
  </select>
</div>


// CSS
.is-phone .clickable-styled-container {
  position: relative;
}
.is-phone select {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  bottom: 0;
  opacity: 0;
}

- Vincente