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>

用户选择红色和绿色，我希望关闭菜单显示“Color Choices（2）”而不是默认的“Red，Blue（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 = "";
    });
});

希望这有帮助。

JQuery移动多选菜单显示项？

1 个答案: