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

时间:2015-02-04 13:33:06

标签: android html cordova select android-5.0-lollipop

在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>

enter image description here

3 个答案:

答案 0 :(得分:3)

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

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

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

答案 1 :(得分: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;

答案 2 :(得分:0)

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

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