在使用 jquery 的多个选择框中设置自动选择值的问题答案

【问题标题】：issue with set autoselect value in multiple select box with jquery在使用 jquery 的多个选择框中设置自动选择值的问题
【发布时间】：2020-08-17 08:29:06
【问题描述】：

我正在使用 skote 主题，我想在编辑数据时在多选选择框中设置自动选择值我已经从 this 获得了这个多选框，因为我正在尝试下面的代码

    <select class="select2 form-control select2-multiple" name="assign_to[]" multiple="multiple"                                     data-placeholder="Choose ...">
    <option value="1" data-select2-id="1">Admin</option>
    <option value="2" data-select2-id="2">Admin2</option>
    <option value="3" data-select2-id="3">Admin3</option>
</select>


    $(document).on('click','.edittodotask',function(e){

    e.preventDefault();
    var id = $(this).attr('id').replace('edittodotask_', '');
    var url = "{{route('task_to_do.edit', ':id')}}";            
    url = url.replace(":id", id);

    
    $.ajax({
        type: "get",
        url: url,
        processData: false,
        contentType: false,
        success: function(response) {
            //response = assign_to: "1, 2"                
            var assign_to = response.assign_to.split(',');                
            $("#edit_assign_to").val(assign_to);            
        },
        error: function(data) {
            console.log(data);


        }
    })
    
});

当我点击编辑按钮时，我已经使用 ajax 获取数据并想要设置自动选择选项，我已经制作了这段代码

但它没有设置选择值。

谁能帮我解决这个问题

【问题讨论】：

这能回答你的问题吗？ How do you select a particular option in a SELECT element in jQuery?
@alotropico 我想选择多个项目而不是单个项目
向我们展示完整的 HTML 代码，没有 foreach 的
完全一样，每个要选择的选项一次 $('#edit_assign_to option:eq(1), #edit_assign_to option:eq(2)').prop('selected', true );
@IslamElshobokshy 我已经把我的代码的完整脚本请检查我编辑的问题

标签： html jquery css jquery-select2

【解决方案1】：

使用 select2，您需要手动触发更改。

$("#edit_assign_to").val(response.assign_to.split(',')).trigger('change.select2');

如果您的数据返回 1, 2 时带逗号，则需要用 , 分隔，逗号后加空格。

【讨论】：