引导选择选择/取消选择所有选项单击无法触发事件？

Question

这可能是一个简单的问题，但我无法在任何地方找到答案或让它发挥作用。

我正在使用http://silviomoreto.github.io/bootstrap-select/插件。

当产品项目全选/取消全选时，如何触发事件？ 我曾尝试使用 jquery 单击并更改这样的事件：

$(document).on('click','#productCategory', function(event) {
    alert("test");
});

这是我的选择列表：

<select id="productCategory" multiple data-actions-box="true">
    <option>Laptop</option>
    <option>Tablet</option>
    <option>Computer</option>
</select>

Answer 1

您可以在这里参考： http : //silviomoreto.github.io/bootstrap-select/options/#events

$('#productCategory').on('changed.bs.select', function (e) {
  // do something...
});

Answer 2

$(document).ready(function(){
    $("#productCategory").click(function(){
        alert("test");
    });

试试这个代码！

Answer 3

不太了解您的问题。 但是你想要这样的东西吗？

让我知道

 $('#productCategory').selectpicker({ style: 'btn-info', size: 4 }); $(".bs-select-all").on('click', function() { alert("ALL SELECTED"); }); $(".bs-deselect-all").on('click', function() { alert("ALL DESELECTED"); }); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"> </script> <link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.11.2/css/bootstrap-select.min.css" rel="stylesheet"/> <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.11.2/js/bootstrap-select.min.js"></script> <select id="productCategory" multiple data-actions-box="true"> <option>Laptop</option> <option>Tablet</option> <option>Computer</option> </select> 

Answer 4

你可以这样

<select class="selectpicker" id="productCategory" data-live-search="true">
    <option>Laptop</option>
    <option>Tablet</option>
    <option>Computer</option>
</select>



$('#productCategory').on('change', function() {
    alert("test");
    alert($('option:selected').val());

});

这是演示： https : //jsfiddle.net/ecpngmvx/15/

请包括所有链接（请参阅左侧的外部资源）