jquery - 如何从 jQuery Select2 元素中删除特定选项？

Question

我正在使用 jQuery Select2(版本 4)。

我正在使用选择标签以及允许多项选择的选项。

我可以使用清除选定的选项

 selectTest.val(null).trigger('change');

Working demo is here

但无法在单击按钮时仅取消选择其中一个值。帮助我。

• 普里扬克

Answer 1

如果您想以编程方式取消选择某个选项，您可以选择目标选项并将其 selected 属性设置为 false。

$('#btn-clear').on('click', function () {
    var value = '2';
    // find the target option
    // if you want to deselect more that 1 option
    // you can use an array and jQuery `$.inArray` methiod, i.e.:
    // return $.inArray(this.value, values) > -1;
    selectTest.children().filter(function() {
       return this.value == value;
    }).prop('selected', false);
    // trigger the change event so the library recreates the tags
    selectTest.change();
});

我有updated the fiddle .

请注意，if(selectTest){ 始终为 true。 jQuery 构造函数返回一个对象，并且对象是 JavaScript 中的真值。您应该检查集合的长度。

if ( selectTest.length > 0 )
//   ...