如何在2个选择框中验证相同的选定值

时间:2015-05-11 04:40:15

标签: javascript angularjs

如果两个选择框具有相同的选定值,我有两个我想检查的选择框,并给出错误。

<select>
<option>A</option>
<option>B</option>
<option>C</option>
</select>


<select>
<option>A</option>
<option>B</option>
<option>C</option>
</select>

我想通过Angular Js来实现它

2 个答案:

答案 0 :(得分:1)

我认为您可以使用超过2个模型值的手表来显示警告,如

<select ng-model="x">
    <option>A</option>
    <option>B</option>
    <option>C</option>
</select>


<select ng-model="y">
    <option>A</option>
    <option>B</option>
    <option>C</option>
</select>

然后

$scope.$watch('[x, y]', function () {
    if ($scope.x && $scope.x == $scope.y) {
        alert('error')
    }
});

演示:Fiddle

答案 1 :(得分:0)

绑定两个选择标签,如下所示,比较值

<select ng-model="select1">
 <option>A</option>
 <option>B</option>
 <option>C</option>
</select>

<select ng-model="select2">
 <option>A</option>
 <option>B</option>
 <option>C</option>
</select>

检查值