bootstrap-select select/deselect all option click не может запустить событие?

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

не очень понимаю ваш вопрос. но вы хотите что-то вроде этого?

Позвольте мне знать,

$('#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 2

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

Попробуйте этот код!

Answer 3

Вы можете сослаться здесь: http://silviomoreto.github.io/bootstrap-select/options/#events

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

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/

пожалуйста включают все ссылки (см внешние ресурсы ЛЕФ t сторона)