select2.js multiple

HTML

<script src="//cdnjs.cloudflare.com/ajax/libs/select2/3.2/select2.min.js"></script>
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/select2/3.2/select2.css">
<select id="e1" style="width:300px">
        <option value="AL">Alabama</option>
        <option value="Am">Amalapuram</option>
        <option value="An">Anakapalli</option>
        <option value="Ak">Akkayapalem</option>
        <option value="WY">Wyoming</option>
    </select>

JavaScript

$("#e1").select2();

document.getElementById('e1').addEventListener('change.select2', function(){console.log('change.select2')});
document.getElementById('e1').addEventListener('change', function(){console.log('chane')});
document.getElementById('e1').addEventListener('select2:select', function(){console.log('elect2:select')});

$('#el').on('change', function() {console.log('change');});
$('#el').on('change.select2', function() {console.log('change.select2');});
$('#el').on('select2:select', function() {console.log('select2:select');});