在Android 2.3中選擇不同於Android 4.2的盒子樣式

Question

我正在使用PhoneGap應用程序，在該應用程序中，單擊按鈕會根據用戶輸入生成特定數量的文本框並選擇框。

我在運行Android 4.2的AVD上測試了應用程序。一切工作正常，並伴隨着文本框產生的selectboxes看起來如下圖：

現在，我測試了一個AVD相同的應用程序運行Android 2.3它給我的輸出如下所示：

。

顯然，在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> 

Answer 1

我解決了問題我自己。問題在於我生成標記的方式。由於某些未知原因，Android 2.3希望在導航到插入生成的DOM的下一個頁面之前構建DOM。

但在我的情況下，在接收來自用戶的輸入，我做了以下操作

1. 我瀏覽到目標頁面
2. 然後，我建立了選擇框標記

由於某些原因，Android 2.3預計上述步驟的順序相反。只有這樣，JQM纔會將其樣式應用於選擇框。

Answer 2

我有同樣的問題，並通過參數「數據本土菜單」設置爲false，這樣解決了這個問題：

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

我認爲這是簡單的。