在Android設備的移動瀏覽器上自動打開組合框

我想要在Android設備的瀏覽器上自動打開組合框。
我有以下代碼：在Android設備的移動瀏覽器上自動打開組合框

<!doctype html> 
<head> 
<meta charset="utf-8"> 
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 
<script src="jquery-1.8.0.min.js" type="text/javascript"></script> 
<title>Combobox</title> 
</head> 

<body> 
    <div id="combobox"> 
    <select id="select"> 
     <option>1</option> 
     <option>2</option> 
     <option>3</option> 
     <option>4</option> 
     <option>5</option> 
    </select> 
    </div> 

    <script> 
    $(document).ready(function() { 
     document.getElementById('select').size=3; 
    }); 
    </script> 
</body> 
</html>

這個工作在桌面瀏覽器（見截圖1），但遺憾的是沒有與Android設備上的瀏覽器（見截圖2），只觸及組合框後，目前出現的選項：

screenshot desktop screenshot device

我想他們打開頁面後立即出現（見截圖3）
如果可能的話（滾動後的其他選項），只顯示3個選項：

screenshot 3

我該怎麼辦那？

編輯1：同時，我發現了一個類似的問題here，但它似乎還沒有解決之道...

編輯2：我現在找到了一個解決辦法與jQuery Mobile的和一個列表視圖，請參閱下面的答案，但我仍在等待其他（更好）的想法...

來源

2012-10-22 Taifun

可能重複http://stackoverflow.com/questions/2048213/open-select-using-javascript-jquery – zizoujab

@ Zied-Jaballah感謝您的留言，您提到的線索是關於「」有沒有方法使用Javascript（和jQuery）打開選擇框？「 '。我知道，有一種方式，看看我的解決方案，但這不幸**不適用於Android設備的移動瀏覽器** ... – Taifun

我現在發現了一個解決方法，它使用jQuery Mobile和listview。
打開頁面後立即出現listview，這對我的目的來說沒問題。然而，一個完美的解決方案是隻顯示3個選項（滾動後的其他選項）。還在等待其他的想法...

<!DOCTYPE html> 
<html> 
<head> 
<meta charset="utf-8"> 
<meta name="viewport" content="width=device-width, initial-scale=1"> 
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.css" /> 
<script src="jquery-1.8.0.min.js"></script> 
<script src="jquery.mobile-1.2.0.min.js"></script> 
<title>Combobox Workaround</title> 
</head> 

<body> 
    <div data-role="page"> 
    <ul id="listview" data-role="listview"> 
     <li><a href="#">1</a></li> 
     <li><a href="#">2</a></li> 
     <li><a href="#">3</a></li> 
     <li><a href="#">4</a></li> 
     <li><a href="#">5</a></li> 
    </ul> 
    </div> 

    <script> 
    $('#listview').on('click', ' > li', function() { 
     // show selected index in alert box 
     alert('index=' + $(this).index()); 
    }); 
    </script> 
</body> 
</html>

截圖解決辦法的：
screenshot

來源

2012-10-24 22:43:15 Taifun

-1

而不是使用div。我認爲你應該使用一個表單。

來源

2012-10-24 01:57:06 user805981

不錯的猜測，但不幸的是不是很有幫助...問題是關於如何完成**以適用於Android設備的移動瀏覽器** – Taifun

在Android設備的移動瀏覽器上自動打開組合框

回答

相關問題