Bootstrap-select demo

Fiddle to demonstrate 'change' event not firing for <select> tag.

by thdoan

HTML

<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css">
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.6.3/css/bootstrap-select.min.css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.6.5/js/bootstrap-select.min.js"></script>
<select id="select1" class="selectpicker">
    <option>Select...</option>
    <option>A</option>
    <option>B</option>
    <option>C</option>
</select>

CSS

.selectpicker { display:block!important; }

JavaScript

function handleChangeNative() {
    alert('Selection changed NATIVE');    
}
function handleChangeJquery() {
    alert('Selection changed JQUERY');    
}

document.getElementById('select1').addEventListener('change', handleChangeNative);
$('#select1').change(handleChangeJquery);