Answers for "select2 on select"

2

select2.org events

$('#mySelect2').on('select2:select', function (e) {
    var data = e.params.data;
    console.log(data);
});
Posted by: Guest on July-20-2020
1

select2 multi select

######## In your HTML:
<select class="js-example-basic-multiple" name="states[]" multiple="multiple">
  <option value="AL">Alabama</option>
    ...
  <option value="WY">Wyoming</option>
</select>

####### In your Javascript (external .js resource or <script> tag):
$(document).ready(function() {
    $('.js-example-basic-multiple').select2();
});

######### Get Selected values
$('.js-example-basic-multiple').select2('val')

######## Pre select values on page loads
 $('.js-example-basic-multiple').val(['AL', 'WY']).trigger('change');
Posted by: Guest on May-17-2021
-1

select2

<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/select2.min.css" rel="stylesheet" />
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/select2.min.js"></script>
Posted by: Guest on February-19-2021
0

select2

$(".js-example-basic-multiple-limit").select2({
  maximumSelectionLength: 3
});
Posted by: Guest on February-03-2021
-1

select2

$('.js-example-basic-single').select2({
  placeholder: 'Select an option'
});
Posted by: Guest on November-09-2020

Browse Popular Code Answers by Language