如何隐藏或删除jQuery Chosen选择下拉列表中的选项

Question

我想隐藏使用Chosen插件创建的下拉列表中的某些元素.

我试过删除它:

$( 'option:contains("Swatch 1")').remove().trigger("chosen:updated");

并隐藏它:

$( '.chosen-results li:contains("Swatch 1")').css('display,'none');

但都不起作用.

请参阅颜色下拉列表:http://www.carolineelisa.com/test/wordpress/product/machine/

任何帮助赞赏:)

Answer 1

在原始选择中,您需要隐藏该选项.例如:

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

然后用以下内容更新所选选项:

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

如果您在页面上有多个选定的下拉列表,那么在$('select.chosen-select')的位置使用该元素上更具体的id或类可能会更好.所以你的代码将成为:

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