时间戳

首页 > 解决方案 > Jquery在文档准备好时选择全部作为默认值

c# - Jquery在文档准备好时选择全部作为默认值

问题描述

在页面加载时准备好文档时，您将如何选择下拉列表中的所有项目作为默认值？它目前有效，因此当您选择“全部”选项时，它会在更改时选择列表中的所有项目。

codeply 上的当前功能如下：https ://www.codeply.com/go/ExFJtHShnF

想过这样做，但没有按预期工作，因为如果选择了所有，那么你取消勾选奶酪并勾选奶酪，下拉列表不再是“全部”，它表示奶酪作为文本：

var checkboxes = $(':checkbox');
checkboxes.prop('checked', true);

标签： c#jquery

解决方案

这是一个有效的答案：https ://www.codeply.com/go/XxDu4DswTG

jQuery：

$('#basic').multiselect({
     //Add a default "select all" option instead of your custom one
     includeSelectAllOption: true,
     //Allow a number of displayed values in your menu
     numberDisplayed: 5
});

//Select all the values by default
$("#basic").multiselect('selectAll', false);
//Update the menu
$("#basic").multiselect('updateButtonText');

然后删除了“全部”选项的 HTML：

<div class="container">
    <select id="basic" multiple="multiple">
        <option value="cheese">Cheese</option>
        <option value="tomatoes">Tomatoes</option>
        <option value="mozarella">Mozzarella</option>
        <option value="mushrooms">Mushrooms</option>
        <option value="pepperoni">Pepperoni</option>
        <option value="onions">Onions</option>
    </select>
</div>

推荐阅读