Question

在页面加载就绪时，如何选择下拉菜单中的所有项目作为默认设置？当前可以使用，因此，当您选择“全部”选项时，它将选择更改列表中的所有项目。

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

考虑这样做，但无法按预期工作，因为如果全部选中，则您取消勾选奶酪和刻度奶酪，下拉菜单将不再是“全部”，而是将奶酪表示为文本：

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

Answer 1

这是一个有效的答案：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>

jQuery将所有文档都选为默认文档

1 个答案: