3

JqueryMobile1.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）」と表示させたいと思います。

これは、いくつかのメニューがあり、ラベルを省略したいので、スペースを節約するためです。ユーザーには、メニューが「色の選択」であり、2を選択したことを一目でわかります。

可能？

4

1 に答える 1

0

オプションが選択されたときに選択したアイテムを保存し、その後デフォルトのオプションにリセットする機能を追加します。

<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 = "";
    });
});

お役に立てれば。

于 2016-04-18T21:41:12.853 に答える