5

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 を参照) では機能しません。現在、オプションが表示されているコンボボックスに触れた後でのみです。

スクリーンショット デスクトップ           スクリーンショット デバイス

ページを開いた直後にそれらを表示し(スクリーンショット 3 を参照)
、可能であれば 3 つのオプション (スクロール後の他のオプション) のみを表示したいと思います:

スクリーンショット 3

どうすればそれを行うことができますか?

EDIT 1：その間、私はここで同様の問題を見つけましたが、それも解決策がないようです...

EDIT 2：jQuery Mobileとlistviewで回避策を見つけました。以下の回答を参照してください。 （より良い）アイデア...

4

2 に答える 2

0

listviewでjQuery Mobileを使用する回避策を見つけました。 ページを開いた直後にリストビューが表示されますが、これは私の目的には問題ありません。ただし、完璧な解決策は、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>

回避策のスクリーンショット:
スクリーンショット

于 2012-10-24T22:43:15.910 に答える
-1

divを使用する代わりに。フォームを使用することになっていると思います。

于 2012-10-24T01:57:06.703 に答える