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将显示一个带有列出选项的弹出窗口。当用户选择一个选项时，弹出窗口将关闭，并将按钮的值设置为所选项目。

一种做事的hacky方式，但就像我说的那样。这是我所知道的唯一方式。

编辑***在jsfiddle生成了很长时间然后我预料到但是我在学习内部按钮结构以及编辑按钮文本时需要使用span span.ui-btn-text的过程中学到了一些东西。 Take a look.

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

1 个答案: