jQuery   发布时间:2022-03-30  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了如何隐藏或删除jQuery Chosen选择下拉列表中的选项大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我想隐藏使用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/

任何帮助赞赏:)

解决方法

在原始选择中,您需要隐藏该选项.例如:
$('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");

大佬总结

以上是大佬教程为你收集整理的如何隐藏或删除jQuery Chosen选择下拉列表中的选项全部内容,希望文章能够帮你解决如何隐藏或删除jQuery Chosen选择下拉列表中的选项所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。