Question

我正在使用select2，我在两个选择框中使用数组加载选项。当我从dropdown1中选择一个选项时，dropdown2中的一些值应该被删除。目前我可以从dropdown2中删除选项，但我无法使用所有值重新填充它们。此外，当我取消选择dropdown1中的值时，所有值都应该在dropdown2中填充，就像加载页面时一样。

以下是代码：

var data = [{ id: 1, text: 'select' }, 
        { id: 2, text: 'A' }, 
        { id: 3, text: 'B' }, 
        { id: 4, text: 'C'}];

$('#select1').select2({data: data}).on(
                'change',
                function() {
                          if(this.value== 1)
                          $('#select2').find('option[value=2]').remove();
                          else
                          $('#select2').find('option[value=4]').remove();
                          }
                      });

此代码删除了选项，但是当我再次从select1中选择任何其他选项时，此选项不可见。此外，页面上有7-8个下拉列表有很多选项。这只是我想要做的一个例子。

感谢任何帮助。寻找一个例子。

Answer 1

当您想重新填充选项时，您是否尝试重新加载/重新初始化第二个下拉列表中的select2？

不确定这是否有帮助。

参考 - https://select2.github.io/examples.html $（＆＃34;的.js-示例数据阵列＆＃34）。SELECT2（{ 数据：数据 }）

就像你从dropdown1中取消选择一样，在你的改变事件/功能上，你可以试试 $（＆＃39;＃select2＆＃39;）。select2（{data：data}）;

在另一个选择中删除所选选项时重新填充select2选项

1 个答案: