在从另一个多选2框中删除所选项目时从多选2框中删除所选项目 [英] Remove a selected item from multiple select2 box on removal of selected item from another multiple select 2 box
本文介绍了在从另一个多选2框中删除所选项目时从多选2框中删除所选项目的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
有人能帮我解决这个棘手的问题吗?
$("#Box1").on("change", function() {
var box1List = $('#Box1').val();
$('#Box2').empty();
for (var key in box1List) {
var valueField = box1List[key];
var textField = $("#Box1 > option[value='"+valueField+"']").text();
$("#Box2").append($('<option>', {value: valueField, text: textField}));
}
});
$("#Box1").on("select2-removed", function(e) {
console.log("removed val=" + e.val + " choice=" + e.choice.text);
$('#Box2 option[value="'+e.val+'"]').remove();
});
推荐答案
更改Select2<select>
元素的子元素后,应对其调用.change()
以使其更新其显示。
$('#Box2').change();
但在您的情况下,您可能还希望在删除并重新添加选项后恢复Select2的值。
$("#Box1").on("change", function() {
var val = $('#Box2').select2('val');
$('#Box2').empty();
$.each($('#Box1').select2('data'), function(i, item) {
$("#Box2").append($('<option>', {value: item.id, text: item.text}));
});
$('#Box2').select2('val', val);
});
使用.select2('val', val)
设置值时,不需要调用.change()
。
这篇关于在从另一个多选2框中删除所选项目时从多选2框中删除所选项目的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文