0

jquery mobile 1.1 css を使用しており、multiple="multiple" 属性を持つ選択ボックスを作成したいと考えています。また、multiple="multiple" 属性を使用して選択ボックスを変更するために、非常に多くのことを試みました。しかし、以下のように選択ボックスを書いても、いつものようにドロップダウンが表示されるので、この属性で選択ボックスを選択する方法を提案してください。 

<select class="styled" name="purpose-" id="someID" onchange = "go()" multiple="multiple">
                  <option value="000"> Select </option>
                  <option value="008">1 </option>
                  <option value="012">2 </option>
</select>

その後、このような選択ボックスを提供しています
ここに画像の説明を入力

しかし、私はこれが好きです
ここに画像の説明を入力

4

2 に答える 2

2 
<select class="styled" name="purpose-" id="someID" onchange = "go()" multiple="multiple" size="9">
                  <option value="000"> Select </option>
                  <option value="008">1 </option>
                  <option value="012">2 </option>
</select>
于 2012-09-27T10:48:18.917 に答える
0

"ネイティブ メニューは、 multiple="multiple" 属性による複数選択をサポートしていないことに注意してください。この機能が必要な場合は、カスタム メニューを使用することをお勧めします。 " jQueryMobile

カスタムメニューを使用するオプション

オプションで、ネイティブ バージョンの代わりにカスタム スタイルの選択メニューを使用できます。これにより、サイトのルック アンド フィールによりよく一致するようにメニューをテーマ化する機能が追加され、プラットフォーム間で視覚的な一貫性が提供されます。さらに、複数選択をサポートし、Android の optgroup サポートなど、特定のプラットフォームで欠落している機能を復元し、プレースホルダー値を処理する洗練された方法を追加します (以下で説明します)。

特定の select でカスタム メニューを使用するdata-native-menu="false"には、属性を追加するだけです。または、mobileinit イベントにバインドされたコールバックで選択メニューの nativeMenu 構成オプションをプログラムで false に設定して、同じ効果を実現することもできます。これにより、すべての選択がデフォルトでカスタム メニューを使用するようになります。jQuery がロードされた後、jQuery Mobile がロードされる前に、以下をページに含める必要があります。

$(document).bind('mobileinit',function(){
        $.mobile.selectmenu.prototype.options.nativeMenu = false;
    });

ソース: http://jquerymobile.com/demos/1.0a4.1/docs/forms/forms-selects.html

于 2012-09-27T12:38:15.680 に答える