MaterialiseCss |使用multiselect时，无法预先选择所有选项

Question

我正在尝试使用materialized css为网站实施多选项目。应该预先选择所有“选项”标签。所以我写了这个：

$(document).ready(function() {
    var select = $('#visa-type-selection');
    $(select).find("option").prop('selected', true);
    $('#visa-type-selection').material_select();
    alert($( "#visa-type-selection" ).val());
});

此代码实际上是选择所有“选项”。下面的警报代码给出了这个图像。

但是材料选择项看起来像这样：

当我点击项目时，我看不到任何“选项”s复选框已选中：

实现创建“ul”，对于每个选项，在其中创建一个复选框+标签，如果你不发送onClick动作，则无法检查它们，我想。这是添加的HTML实体：

<ul id="select-options-edd3cffe-6107-b8e0-322b-51f667907794" class="dropdown-content select-dropdown multiple-select-dropdown active"
    style="width: 458px; position: absolute; top: 0px; left: 0px; opacity: 1; display: block;">
    <li class=""><span><input type="checkbox"><label></label>Shengen</span></li>
    <li class=""><span><input type="checkbox"><label></label>İş</span></li>
    <li class=""><span><input type="checkbox"><label></label>Öğrenci</span></li>
    <li class=""><span><input type="checkbox"><label></label>Turist</span></li>
    <li class=""><span><input type="checkbox"><label></label>Emekli</span></li>
    <li class=""><span><input type="checkbox"><label></label>Erasmus</span></li>
</ul>

我无法找到解决方法，因为“ul”标记的生成ID在每次创建时都会发生变化。

任何帮助都会很棒。谢谢。

Answer 1

我完全同意你说的话。你可以做的是应用jquery .prev（）方法并访问所有ul标签。我做的是： - 它帮助我选择了gettig。你必须在同一个地访问li并将类Active添加到它们。

var a=$('#id_of_multiselect').prev().find(":checkbox");
                    for(var i=0;i<=length_of_list;i++)
                    {
                        a[i].checked=true;
                    }
            $('#egg_events').val(vals).trigger('update');