html <select> - 它在cordova / phonegap app上有效吗?</select>

时间:2014-07-12 16:47:41

标签: android jquery html cordova ripple

我正在开发一个cordova 3.0应用程序,并且我正在使用纹波模拟器进行测试。

我使用了这样的<select> html元素:

  <select id="selector" >
   <option value="2"> 
        ...
   </option>
   <option value="4">   
        ...
   </option>
  </select>

在ripple模拟器上我看到它就像我们在网站上看到<select>元素一样,如下所示: enter image description here

我想知道它在Android,iOS等上是否正常运行......以及它将如何在真实移动设备上显示。

如果在移动电话线应用程序上使用<select>不是一个好习惯,我可以用什么来取代它?我也使用jQuery 1.11.1。

由于

1 个答案:

答案 0 :(得分:2)

到目前为止,我知道本机浏览器将接管下拉视图,除非您应用JQM data-native-menu="false"中的任何额外样式。

在android中,它看起来像

ex1

在较低的Android版本中

ex2

iOS中的

ex3

现在这种情况随OS /浏览器版本而变化,不确定。但是如果你想在所有设备中保持一致的外观,那么你需要在JQM中使用类似的东西来覆盖现有的下拉样式。