如何使用phonegap在所有平台上显示相同的下拉列表？

Question

我正在使用 jQuery mobile + phonegap 使用下拉菜单。但我的问题是它在 iOS 和 android 中看起来不同，这意味着它使用原生下拉菜单。

但我认为我使用的是 jQuery mobile + phonegap，所以它在所有平台上看起来应该都一样，而不是使用原生的东西？有什么方法可以显示下拉菜单，使其在所有平台上看起来都一样。

我用过这个

<select>
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="mercedes">Mercedes</option>
  <option value="audi">Audi</option>
</select>

谢谢

Answer 1

我所知道的拥有标准外观下拉菜单的唯一选择是不使用下拉菜单。您需要创建一个看起来像下拉菜单的按钮，onclick 将显示一个弹出 div，其中列出了选项。当用户选择一个选项时，弹出窗口将关闭并将按钮的值设置为所选项目。

有点老套的做事方式，但就像我说的那样。这是我知道的唯一方法。

Edit*** 在 jsfiddle 中生成的时间比我预期的要长，但我在此过程中学到了一些关于其内部按钮结构以及在编辑按钮文本时需要使用 span span.ui-btn-text 的知识。 Take a look.