Jquery Bootrap Select can';不能在多个值上选择

Jquery Bootrap Select can';不能在多个值上选择,jquery,jquery-plugins,bootstrap-select,Jquery,Jquery Plugins,Bootstrap Select,我有一个输入如下的模态: <div id="position_div" class="form-group row"> <label for="edit_jobs" class="col-4 col-form-label">Jobs</label> <div class="col-8"> <select

我有一个输入如下的模态:

       <div id="position_div" class="form-group row">
                    <label for="edit_jobs" class="col-4 col-form-label">Jobs</label>
                    <div class="col-8">
                        <select id="edit_jobs" name="jobs[]" class="form-control kt-selectpicker" data-live-search="true" multiple>
                            <option value="">Select Position</option>
                        </select>
                    </div>
                </div>
        $(document).on('click', '.edit-record', function (event) {
            event.preventDefault();
            edit_modal.modal('show');
            let edit_jobs = $("#edit_jobs");
            let url = $(this).attr('href');
            $.getJSON(url).done(function (data) {

                edit_modal.modal("show");
                let $data1 = data.date.split('-');
                let $date = $data1[2] + '/' + $data1[1] + '/' + $data1[0];

                let $data2 = data.until.split('-');
                let $until = $data2[2] + '/' + $data2[1] + '/' + $data2[0];

                let $company_id = data.company_id;
                console.log('company id:', $company_id);
                if ($company_id) {
                    $.ajax({
                        url: '/admin/interviews/position',
                        dataType: 'json',
                        type: 'POST',
                        data: {company_id: $company_id},
                        success: function (response) {
                            edit_jobs.empty(); // clear the current elements in select box
                            $.each(response, function () {
                                edit_jobs.append($('<option></option>').attr('value', this.id).text(this.title));
                            });
                            $('.kt-selectpicker').selectpicker('refresh');
                        }
                    });
                }

                let $jobs = data.jobs.split(',');

                $("#id").val(data.id);
                $("#csrf").val($csrf);
                $("#edit_user").val(data.user);
                $("#edit_venue").val(data.venue);
                $("#edit_date").val($date);
                $("#edit_until").val($until);
                $("#edit_company_id").val(data.company_id);
                $("#edit_remark").val(data.remark);

                edit_jobs.selectpicker('val', $jobs);
                edit_jobs.selectpicker('refresh');
            });
        });

乔布斯
选择位置
还有这样的脚本:

       <div id="position_div" class="form-group row">
                    <label for="edit_jobs" class="col-4 col-form-label">Jobs</label>
                    <div class="col-8">
                        <select id="edit_jobs" name="jobs[]" class="form-control kt-selectpicker" data-live-search="true" multiple>
                            <option value="">Select Position</option>
                        </select>
                    </div>
                </div>
        $(document).on('click', '.edit-record', function (event) {
            event.preventDefault();
            edit_modal.modal('show');
            let edit_jobs = $("#edit_jobs");
            let url = $(this).attr('href');
            $.getJSON(url).done(function (data) {

                edit_modal.modal("show");
                let $data1 = data.date.split('-');
                let $date = $data1[2] + '/' + $data1[1] + '/' + $data1[0];

                let $data2 = data.until.split('-');
                let $until = $data2[2] + '/' + $data2[1] + '/' + $data2[0];

                let $company_id = data.company_id;
                console.log('company id:', $company_id);
                if ($company_id) {
                    $.ajax({
                        url: '/admin/interviews/position',
                        dataType: 'json',
                        type: 'POST',
                        data: {company_id: $company_id},
                        success: function (response) {
                            edit_jobs.empty(); // clear the current elements in select box
                            $.each(response, function () {
                                edit_jobs.append($('<option></option>').attr('value', this.id).text(this.title));
                            });
                            $('.kt-selectpicker').selectpicker('refresh');
                        }
                    });
                }

                let $jobs = data.jobs.split(',');

                $("#id").val(data.id);
                $("#csrf").val($csrf);
                $("#edit_user").val(data.user);
                $("#edit_venue").val(data.venue);
                $("#edit_date").val($date);
                $("#edit_until").val($until);
                $("#edit_company_id").val(data.company_id);
                $("#edit_remark").val(data.remark);

                edit_jobs.selectpicker('val', $jobs);
                edit_jobs.selectpicker('refresh');
            });
        });
$(文档)。在('单击','编辑记录')上,函数(事件){
event.preventDefault();
编辑_modal.modal('show');
让编辑作业=$(“#编辑作业”);
让url=$(this.attr('href');
$.getJSON(url).done(函数(数据){
编辑模态模态(“显示”);
让$data1=data.date.split('-');
设$date=$data1[2]+'/'+$data1[1]+'/'+$data1[0];
让$data2=data.until.split('-');
设$until=$data2[2]+'/'+$data2[1]+'/'+$data2[0];
设$company\u id=data.company\u id;
console.log('company id:',$company\u id);
如果($company\u id){
$.ajax({
url:“/admin/interfaces/position”,
数据类型:“json”,
键入:“POST”,
数据:{company_id:$company_id},
成功:功能(响应){
edit_jobs.empty();//清除选择框中的当前元素
$。每个(响应、函数(){
编辑jobs.append($('').attr('value',this.id).text(this.title));
});
$('.kt selectpicker')。selectpicker('refresh');
}
});
}
让$jobs=data.jobs.split(',');
$(“#id”).val(data.id);
美元(“#csrf”).val($csrf);
$(“#编辑_用户”).val(data.user);
$(“#编辑#场馆”).val(数据.场馆);
$(“编辑日期”).val($date);
$(“#编辑_直到”).val($直到);
$(“编辑公司id”).val(data.company\u id);
$(“编辑备注”).val(data.remark);
编辑作业。选择选择器('val',$jobs);
编辑作业。选择选择器(“刷新”);
});
});

我已经尝试了所有方法,但不确定为什么无法选择“选择”选项。$jobs是一个id数组,如下所示
[29,30,31,38,39]
那么是什么原因导致我无法将其选中?

在Ajax中尝试以下方法:

if ($company_id) {
                    $.ajax({
                        url: '/admin/interviews/position',
                        dataType: 'json',
                        type: 'POST',
                        data: {company_id: $company_id},
                        success: function (response) {
                            edit_jobs.empty(); // clear the current elements in select box
                            $.each(response, function () {
                                edit_jobs.append($('<option></option>').attr('value', this.id).text(this.title));
                            });

                            let result = data.jobs.split(',');
                            var $jobs = result.map(function (x) {
                                return parseInt(x, 10);
                            });

                            edit_jobs.val($jobs);
                            $('.kt-selectpicker').selectpicker('refresh');
                        }
                    });
                }
if($company\u id){
$.ajax({
url:“/admin/interfaces/position”,
数据类型:“json”,
键入:“POST”,
数据:{company_id:$company_id},
成功:功能(响应){
edit_jobs.empty();//清除选择框中的当前元素
$。每个(响应、函数(){
编辑jobs.append($('').attr('value',this.id).text(this.title));
});
让结果=data.jobs.split(',');
var$jobs=result.map(函数(x){
返回parseInt(x,10);
});
编辑_jobs.val($jobs);
$('.kt selectpicker')。selectpicker('refresh');
}
});
}