Android 2.3 中的选择框样式与 Android 4.2 不同答案

【问题标题】：Select box style in Android 2.3 different from Android 4.2Android 2.3 中的选择框样式与 Android 4.2 不同
【发布时间】：2013-06-24 14:55:50
【问题描述】：

我正在开发一个 PhoneGap 应用程序，在该应用程序中，单击按钮会生成特定数量的文本框，并根据用户的输入选择框。

我在运行 Android 4.2 的 AVD 上测试了该应用。一切正常，与文本框一起生成的选择框如下图所示：

现在，我在运行 android 2.3 的 AVD 中测试了相同的应用程序，结果如下所示：

。

显然，仅选择框在 Android 2.3 中就显得很奇怪，而其他控件（如文本框和按钮）则完全没问题。

我不知道为什么会这样。该应用程序使用 JQM 和 Cordova 2.5.0。

为了让您了解我要解释的内容，我在下面添加了代码，这是我的选择框标记

    <select class="sel" data-theme="a" id="selectmenu0">
         <option value="1">option1</option>
         <option value="2">option2</option>
         <option value="3">option3</option>
    </select>

【问题讨论】：

标签： android jquery-ui jquery-mobile cordova

【解决方案1】：

我自己解决了这个问题。问题在于我生成标记的方式。出于某种未知原因，Android 2.3 期望在导航到将插入生成的 DOM 的下一页之前构建 DOM。

但就我而言，在收到用户的输入后，我做了以下操作

我导航到了目标页面
然后，我构建了选择框标记

出于某种原因，Android 2.3 期望上述步骤的顺序相反。只有这样，JQM 才会将其样式应用于选择框。

【讨论】：

【解决方案2】：

我遇到了同样的问题，通过将参数'data-native-menu'设置为false来解决它，如下所示：

<select id="yourSelectBox" data-native-menu="false"></select>

我认为这更简单。

【讨论】：

非常感谢。抱歉，除了这些，我无能为力了。