Answers for "select2 change value"

4

select2 clear options

Remove the selected options : 
-----------------------------
$('#mySelect2').val(null).trigger('change');

============================================

Completly remove the select2 initialization :
--------------------------------------------
$('#payment_method').html('').select2({data: [{id: '', text: ''}]});
Posted by: Guest on July-30-2020
0

jquery to set value in select2 dropdown button

$("#u20_cre").select2().val(["1","6"]).trigger("change");
Posted by: Guest on January-09-2021
0

how to set value select2

$('#sel_users').select2().trigger('change');

$(document).ready(function(){

  // Initialize Select2
  $('#sel_users').select2();

  // Set option selected onchange
  $('#user_selected').change(function(){
    var value = $(this).val();

    // Set selected 
    $('#sel_users').val(value);
    $('#sel_users').select2().trigger('change');

  });
});
Posted by: Guest on March-16-2021
0

select2 on change

<script>
  	$('#exampleSelect2').select2().on('change', function(){
		// ...
	});
</script>
Posted by: Guest on October-23-2021
0

select2 select value in not changing

any .val() updates need to be followed by
$('#unit').val('21'); // Select the option with a value of '21'
    $('#unit').trigger('change'); // Notify any JS components that the value changed
Posted by: Guest on July-24-2021
0

select2 dropdown with option to add new item

$('#select2')
    .select2()
    .on('select2:open', () => {
        $(".select2-results:not(:has(a))").append('<a href="#" style="padding: 6px;height: 20px;display: inline-table;">Create new item</a>');
})
Posted by: Guest on October-31-2020

Browse Popular Code Answers by Language