Javascript 隐藏select2多搜索框

如果HTML下拉列表中的值与某个值匹配，我试图使select2搜索框可见。下面是我的代码片段。 不知何故，Select2下拉列表总是显示出来。 感谢您的帮助

我根据select2 github repo的建议添加了CSS

.其他{
显示：无！重要；
}
1.
3.
3.
4.
5.
6.
7.




样本1
样本2
//在Javascript中（外部.js资源或标记）
$（“#一”）.更改（函数（）{
$（'#value'）。更改（函数（）
{
if（$（'#value'）.val（）='1'）
{
$（'.other'）.hide（）；
}否则
{
$（'.other'）.show（）；
}
}
)});
$（文档）.ready（函数（）{
$（“.other”）。选择2({
标签：真的
});
});

这对你有用吗？

---

当您选择3，然后选择1时，select2元素将消失。

您可以这样做吗？不确定你的用户案例。但是我会建议你先摧毁这个选择然后隐藏。然后再次创建实例并显示

$（“#一”）.change（函数（）{
if（$（this）.val（）=='3'）
{
$（'.other'）。选择2（'destroy'）；
$（'.other'）.hide（）；
}否则{
$（“.other”）。选择2({
标签：真的
});
$（'.other'）.show（）；
}
});
$（文档）.ready（函数（）{
$（“.other”）。选择2({
标签：真的
});
});

.其他{
显示：无！重要；
}
1.
2.
3.
4.
5.
6.
7.




样本1
样本2

是的，我确实看到控制台日志消息。但是默认情况下，select2下拉列表仍然可见。我现在也附上了一个截图。如果所选值为3，我已更改显示第二个下拉列表的条件，但仍然显示select2下拉列表。

$("#one").change(function() {

    console.log('me called');

    if($('#one').val() == '1')
    {
        $('.select2').hide();
        console.log($('#other'))
        console.log('me called1');
    } else 
    {
        $('.select2').show();
        console.log('me called2');
    }
});