knockout.js - 多个下拉列表并在选择时删除可观察数组的值

Question

我有一种情况，我的页面上有多个下拉菜单共享同一个可观察数组。可以说5 dropdowns lists，绑定到一个observable arrayof[1,2,3,4,5]和一个optionsCaptionof - Game -。在他们选择一个值后，我希望其他下拉列表从他们的列表中删除该项目。因此，如果dropdown 1选中2，所有其他下拉菜单都会显示1,3,4,5，如果他们- Game -再次选择，所有 dropdwons 都会恢复到原来的状态。

Answer 1

他们必须有不同的数据源，因为他们有不同的数据。我能想到的两种方法：

有一个包含所有选择的数组，以及每个选择的计算数组 - 每个包含选择数组的内容减去来自其他选择的选定选项。

您还可以将每个选择的选项设置为一个可观察的数组，然后在选择时，您使用所选项目对每个其他选项调用 remove，并将旧值推送到每个其他选择框。您可以通过订阅来实现这一点。