Select2: Hide certain options dynamically

Question

Basically what I\'m looking for is the ability to hide options from the dropdown of select items. So, technically they would still be options, but you just wouldn\'t be able

Answer 1

$('.selector').remove(); 

And then append the option according to position it appear in select2 :

To appear as first option then :

$('.selector')
.prepend('Option Label');

To appear as last option then :

$('.selector')
.append('Option Label');

To appear as after any of the option then :

$('Option Label')
.insertAfter($('.selector option:first-child'));

Or

$('Option Label')
.insertAfter($('.selector > .option-class'));

---

OR

We can disable/enable the option using jquery, instead of hiding.

$('.selector').prop('disabled', 'disabled');

$('.selector')
.prop('disabled', !$('.selector').prop('disabled'));