jquery - 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）”。

这是为了节省空间，因为我有几个菜单，想省掉标签，让用户一眼就知道一个菜单是“颜色选择”，他们选择了 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 = "";
    });
});

希望这可以帮助。