一个下拉列表中的选定值不应出现在另一个下拉列表中。如何删除所选元素？

Question

很抱歉再次提出这个问题。但我是angularjs的新手。我的阙是...... 我有五个下拉，使用角度js（ng-option）从json加载。现在我需要的是，如果用户在一个下拉列表中选择值，则相同的值不应出现在另外四个下拉列表中。

我真的想要解决方案。我经常搜索并练习越来越多但是。无法找到任何解决方案。 Plz plz plz帮帮我。

Answer 1

我不确定我的问题是否正确，但我会尝试创建一个数组，让我们说$ scope.selectedOptions。然后在select上将值推送到此数组。之后，您可以使用lodash过滤其他下拉列表中的选项。

Answer 2

这是您可以轻松应用的解决方案。 您发送给其他选择的一个型号。

11.py", line 1, in <module>
import md5
ImportError: No module named 'md5'

<select  ng-model="countryList"
 data-ng-options="countryList for countryList in countryListArray" ng-change="getStates(countryList)" >
<option value="" disabled selected>-- Choose Country--</option>

Answer 3

您需要在下拉列表元素中添加以下代码，以避免在更改ng-model值期间对所有三个下拉列表进行递归调用。

ng-model-options="{ updateOn: 'change', debounce: { change: 0 } }"

还有一个函数可以更新data数组的$scope.records对象。请看一下这个fiddle。我认为这就是你想要的特定事物。