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');
}
});
}