代码之家  ›  专栏  ›  技术社区  ›  RA19

Jquery在documentready上选择all作为默认值

  •  1
  • RA19  · 技术社区  · 6 年前

    如何在页面加载时选择“文档准备就绪”下拉列表中的所有项目作为默认项?它目前的工作方式是,当您选择“全部”选项时,它会在更改时选择列表中的所有项目。

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

    考虑过这样做,但没有按预期的那样工作,因为如果选择了“全部”,则取消勾选cheese并勾选cheese,下拉列表不再是“全部”,它将cheese表示为文本:

    var checkboxes = $(':checkbox');
    checkboxes.prop('checked', true);
    
    1 回复  |  直到 6 年前
        1
  •  1
  •   lopoto    6 年前

    下面是一个有效的答案: 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');
    

    然后删除“all”选项的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>