How to hide or remove options from jQuery Chosen select dropdown

Question

I would like to hide certain elements from a dropdown that is created using the Chosen plugin.

I have tried removing it:

$( \'option:contains(\"Swatc         


        

Answer 1

In the original select you need to hide the option. For example:

$('select.chosen-select options:contains("Swatch 1")');

Then update the chosen options with:

$('select.chosen-select').trigger("chosen:updated");

If you have more than one chosen drop down on the page then it probably would be better to use a more specific id or class on that element in the place of $('select.chosen-select'). So your code would become:

$('#swatch_select options:contains("Swatch 1")');
$('#swatch_select').trigger("chosen:updated");