Android棒棒糖中的HTML下拉列表显示为空

Question

在phonegap应用程序中html select option(dropdown) value is blank。这是显示白屏选项而不是下拉值，但是当单击该选项时能够从中获取值。

此问题仅在 Android Lollipop 设备（在nexus 4和nexus 7设备中测试）中正常显示。

HTML代码是：

<select id="selectlanguage" onchange="selectLangauge();">
    <option value="english">English</option>
    <option value="hindi">Hindi</option>
</select>

Answer 1

这是Lollipop上Android WebView的一个已知问题。

https://code.google.com/p/android/issues/detail?id=80909

解决此问题的一种方法是生成显示列表的DIV，基本上替换OPTION。

Answer 2

我遇到了同样的问题。我的解决方法是使用此jquery工具（select2）来替换所有选择。

＆＃13;

＆＃13;

<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/select2/3.5.2/select2.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script src="http://cdn.jsdelivr.net/select2/3.5.2/select2.min.js"></script>

<select >
   <option value = "1" selected>Value 1</option>
   <option value="2">Value 2</option>
    <option value="3">Value 3</option>
</select>

<script>
// replace all select inputs with select2
$("select").select2();

// remove the search tool inside select2
$(".select2-search, .select2-focusser").remove(); 
</script>

＆＃13;

＆＃13;

＆＃13;

Answer 3

AndroidManifest中的更改： android:theme="@android:style/Theme.DeviceDefault.NoActionBar"

的android:theme="@android:style/Theme.Light.NoTitleBar"