我想在x-editable中更改select2的值。
这是我到目前为止所做的事情
HTML
<td><a href="#" class="job-status" data-type="select2" data-pk="<?= $job->id; ?>" data-value="<?= $job->status; ?>" data-title="Assign Status"></a></td>
它是表格中的单元格,因此表格中可能有多个select2。
的Javascript
$.fn.editable.defaults.mode = 'inline';
var status = [];
$.each({"open" : "Open", "filled" : "Filled", "closed" : "Closed"}, function(k, v) {
status.push({id: k, text: v});
});
$('a.job-status').each(function(){
$(this).editable({
source: status,
url: '<?= base_url(); ?>bunker/jobstatus/',
select2: {
width: 100,
placeholder: 'Assign Status',
allowClear: true
},
ajaxOptions: {
dataType: 'json',
type: 'POST'
},
success: function(response, newValue){
if(!response){
return "Unknown error!";
}
if(response.status === false){
return response.message;
}else{
return response.message;
}
}
});
});
});
服务器端工作正常。数据按照预期更改。我遇到的唯一问题是,我希望我的select2的值一旦从服务器收到正确的响应就会改变。
目前,如果我的select2的初始值为'open',则无论从服务器收到的响应如何,都不会更新。
有人可以帮我这个吗?