Select2 Handling events
Handling events in select2
by Banzay
HTML
<script src="http://cdn.jsdelivr.net/jquery/1.9.1/jquery-1.9.1.min.js"></script>
<script src="http://cdn.jsdelivr.net/select2/3.3.2/select2.min.js"></script>
<link rel="stylesheet" href="http://cdn.jsdelivr.net/select2/3.3.2/select2.css">
<link rel="stylesheet" href="http://cdn.jsdelivr.net/bootstrap/2.3.2/css/bootstrap.min.css">
<script src="http://cdn.jsdelivr.net/bootstrap/2.3.2/js/bootstrap.min.js"></script>
<select id="cntrylist" class="span3" name="cntry">
<option>Please Select...</option>
<option value="Afghanistan">Afghanistan</option>
<option value="Albania">Albania</option>
<option value="Algeria">Algeria</option>
<option value="American Samoa">American Samoa</option>
<option value="Andorra">Andorra</option>
<option value="Angola">Angola</option>
<option value="Anguilla">Anguilla</option>
<option value="Antarctica">Antarctica</option>
<option value="Antigua and Barbuda">Antigua and Barbuda</option>
<option value="Argentina">Argentina</option>
<option value="Armenia">Armenia</option>
<option value="Aruba">Aruba</option>
<option value="Australia">Australia</option>
<option value="Austria">Austria</option>
<option value="Azerbaijan">Azerbaijan</option>
<option value="Bahamas">Bahamas</option>
<option value="Bahrain">Bahrain</option>
<option value="Bangladesh">Bangladesh</option>
<option value="Barbados">Barbados</option>
<option value="Belarus">Belarus</option>
<option value="Belgium">Belgium</option>
<option value="Belize">Belize</option>
<option value="Benin">Benin</option>
<option value="Bermuda">Bermuda</option>
<option value="Bhutan">Bhutan</option>
<option value="Bolivia">Bolivia</option>
<option value="Bosnia and Herzegovina">Bosnia and Herzegovina</option>
<option value="Botswana">Botswana</option>
<option value="Bouvet Island">Bouvet Island</option>
<option value="Brazil">Brazil</option>
<option value="British Indian Ocean Territory">British Indian Ocean Territory</option>
<option value="Brunei Darussalam">Brunei Darussalam</option>
<option...
JavaScript
$("select").select2({
placeholder: "Nothing is selected",
minimumResultsForSearch: 15
});
$('select').on('change',function(){
onSelectChange("one", 2, "normal");
});
function onSelectChange(first, second, third){
alert(first + second + third);
};