bootstrap-select does not proxies click event

Question

I had select element:

  <select id='selectBox'>
    <option>Mustard</option>
    <option>Ketchup</option>
    <option>Relish</option>
  </select>

and set click event via jquery:

$('#selectBox option').click(function(){
.....
});

after using http://silviomoreto.github.io/bootstrap-select/ :

  <select id='selectBox' class="selectpicker" multiple="" data-selected-text-format="count">
    <option>Mustard</option>
    <option>Ketchup</option>
    <option>Relish</option>
  </select>

I got nice multiply dropdown and all work fine except that when I click on menu item (select or delestct it) nothing happends.

Why not click event proxies from my original (which was hided) option element to the new created element 'ul.dropdown-menu li a' ? How can I fix it?

Answer 1

Change you code to:

$('#selectBox').on('change', function(){
    .....
});

this must work;