Android 5.0 select 网络视图中的标签为空

Question

我正在尝试在网络视图中显示一个简单的 select 标签

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

MainActivity.java :

@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);

    this.requestWindowFeature(Window.FEATURE_NO_TITLE);

    setContentView(R.layout.activity_main);

    webView = (WebView) findViewById(R.id.webView); 

    ProgressBar progressBar = (ProgressBar) findViewById(R.id.progressbar);

    //WebSettings webSettings = webView.getSettings();
    //webSettings.setJavaScriptEnabled(true);

    // A activer pour surcharger la méthode onJsAlert
    //webView.setWebChromeClient(new WebChromeClient());

    //webView.setWebViewClient(new MegViewClient(this, progressBar));

    // Récupération d'un instance sauvegardée
    if (savedInstanceState != null)
        webView.restoreState(savedInstanceState);
    else {
        webView.loadUrl("http://myUrl");
    }   

  if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT) {
      WebView.setWebContentsDebuggingEnabled(true);
  }
}

AndroidManifest.xml

 <uses-sdk
    android:minSdkVersion="8"
    android:targetSdkVersion="21" />

我尝试使用 webViewClient 和 webchromeClient，但我得到了相同的结果：

select可见，但选项列表为空。

如果我尝试使用 android 4.4 的平板电脑，select 格式正确。

Answer 1

这似乎是一个铬错误：Issue 80909: HTML SELECT options dropdown appears blank in lollipop webview

Answer 2

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

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

Android 5.0 select 网络视图中的标签为空

Android 5.0 select tag empty in webview

android

select

webview