1

閉じた選択ボックスに表示されるテキストを、最初のオプション (または「選択された」オプション) のテキストから「切り離す」必要があります。この理由は、閉じた選択をラベルとして使用し、最初の (または選択された) オプションを使用してすべての項目を選択したいからです。

わかりやすくするために (少なくともそう願っています :-)、html の例を示します。

<select id="fruits">
    <option selected="selected">Fruits</option>
    <option>cherry</option>
    <option>apple</option>
</select>

選択した項目のテキストに「果物」が表示されますが、「すべての果物を選択」と表示したいと思います。

私は次のようなものを試しています:

$("#fruits").bind('click', function() {
    $("#fruits option:first-child").html("Select all fruits");
});

ただし、デスクトップのブラウザーでは機能するようですが、モバイルのブラウザーでは機能しないようです (少なくとも Android 2.3.4 ブラウザーでは機能しません)。

ヒントはありますか?

4

1 に答える 1

0

私は最終的にこの問題を解決しました.QDMドキュメントをよりよく読むだけです:これらの属性を持つ選択を使用します:

 multiple="multiple" data-native-menu="false"

(私にとっては複数選択が必要です。申し訳ありませんが、この回答は単一選択を完全にはカバーしていません...)、JQMは最初のオプション(「値」を設定してはいけません)をタイトルとしてポップアップを作成します。したがって、(閉じた) 選択のラベルとして、最初のオプション (「値」なし) を使用できます。

これは、JQM ドキュメント ページの関連コードです。

<div data-role="fieldcontain">
    <label for="select-choice-9" class="select">Choose shipping method(s):</label>
    <select name="select-choice-9" id="select-choice-9" multiple="multiple" data-native-menu="false">
        <option>Choose options</option>
        <option value="standard">Standard: 7 day</option>
        <option value="rush">Rush: 3 days</option>
        <option value="express">Express: next day</option>
        <option value="overnight">Overnight</option>
    </select>
</div>   
于 2012-10-31T10:22:21.800 に答える