JQueryモバイル複数選択メニューの表示項目？

Question

私はJquery Mobile 1.1で複数のメニューを選択しました。私は、デフォルトの動作は、項目を選択してメニューを閉じると、選択した項目と番号を表示することです。

私の質問では、常に最初のアイテムと番号が選択されたアイテムではないことを示しています。私はメニューがある場合たとえば、：

<select name="color-choice" id="color-choice" data-mini="true" multiple="multiple" data-native-menu="false" > 
    <option>Color Choices</option> 
    <option value="red">Red</option> 
    <option value="blue">Blue</option> 
    <option value="green">Green</option> 
</select> 

を、ユーザーが赤と緑を選択した、私は近いメニューはデフォルトの代わりに「（2）色の選択肢を」読みたい「レッド、ブルー（2）」 。

これは、私はいくつかのメニューを持っているし、ラベルを省略し、ユーザーは、彼らが持っているメニューは、「色の選択」であることを一目で言うと、持っていたいよう、スペースをchosesが保存することです2.

可能ですか？

Answer 1

オプションを選択したときに選択した項目を保存し、その後デフォルトのオプションにリセットする関数を追加します。

<select name="color-choice" id="color-choice" data-mini="true" multiple="multiple" data-native-menu="false" > 
    <option value="" selected="selected">Color Choices</option> 
    <option value="red">Red</option> 
    <option value="blue">Blue</option> 
    <option value="green">Green</option> 
</select> 
<div> 
    <input style="display:none;" id="hidden-choice" name="hidden-choice" value="" />   
</div> 


$(document).ready(function(){ 

    $('#color-choice').change (function (e) { 
      hidden-choice.value = document.getElementById('color- choice').value; 
      color-choice.value = ""; 
    }); 
}); 

これが役立ちます。