Question

使用Select2精彩插件。

HTML：

<select id="fruits" multiple="true">
  <option value=''>All
  <option value='Apple'>Apple
  <option value='Pear'>Pear
  ...

使用Javascript：

$('#fruits').select2();

当我选择“全部”选项时，我需要取消选择之前选择的所有选项，并且只选择“全部”选项。

尝试onChange="$('#fruits').select2('val', ['All']);"以及 onChange="$('#fruits').select2('data', ['All']);"

但它似乎对我不起作用。

任何线索？

Answer 1

这里我是小提琴..试试这个..

fiddle here

使用了点击功能..

$(function() {
    $('#fruits').click(function(e) {
        var selected = $(e.target).val();
        if(selected=='all'){
           $('#fruits > option').prop("selected",false);
           $(e.target).prop("selected",true);
        };
    }); 
});

Answer 2

使用它：

1）取消选择所选项目。

$("#fruits option:selected").removeAttr("selected");

2）选择所有

 $('#fruits option:[text="All"]').attr('selected', true);

Answer 3

这是正确的，此代码正常工作

$('#selectId').select2('val',"");

Answer 4

试试这个

 $("#fruits option:selected").removeAttr("selected");

 $("#fruits option[value='']").attr("selected","selected");

选择2 - 如何取消选择所有选项并仅选择一个选项

4 个答案: