在具体化选择框中选择多个选项

Question

我想通过jquery从实现选择框中选择多个选项。

选择是作为“编辑”文档模式窗口完成的。所以我想显示该文档显示的所有部门。

非常感谢您的帮助！

这是我的代码

HTML

<select id="edit_document_departments" name="departments[]" required multiple>
    <option value="" disabled>Select Some Departments</option>
        @foreach($data->departments as $department)
            <option value="{{$department->id}}">{{$department->name}</option>
        @endforeach
 </select>

JQUERY

   let departmentsArray = departments.split(', '); //Help Desk, HR, Project Team

    $.each(departmentsArray, function (index, value) {
        $('#edit_document_departments').find('option[text="'+value+'"]').prop('checked', true);
    });

    $('#edit_document_departments').material_select();

    $('#editDocumentModal').modal('open');

Answer 1

它将自动选择复选框。您只需要设置值即可。试试：

$('#edit_document_departments').material_select('destroy');
$('#edit_document_departments').val(departmentsArray);
$('#edit_document_departments').material_select();