隐藏/显示选择2

Question

我想隐藏或显示我的select2,但我在API中找不到方法.我正在使用一种解决方法,隐藏父级,如下所示:

$(document).on('change', '.country', function () {
    if ($(this).val() == $(this).data('current-countryCode')) {
        $('#states').parent().show();
    }
    else {
        $('#states').parent().hide();
    }
});

但我想知道是否有人可以提供帮助,或者是否在API中存在这样的方法.

Answer 1

我做了类似的事情,但是我隐藏了select2容器,它始终是从起点开始的下一个节点,所以它看起来像.

$(document).on('change', '.country', function () {
    if ($(this).val() == $(this).data('current-countryCode')) {
        $('#states').next(".select2-container").show();
    }
    else {
        $('#states').next(".select2-container").hide();
    }
});

所以我一直采取与你相同的方法

Answer 2

问题是您必须隐藏与 select2 下拉列表关联的所有项目（插件生成的所有项目以发挥作用）。

我使用包含 select2 下拉列表并显示/隐藏此 div 的 div 解决了这个问题。

Answer 3

这对我有用..

jQuery("#my-select2").select2().next().hide();