Question

我有两个下拉列表。 List1有选项a，b，c，d。 List2有选项e，f，g，h。我希望选择List1中的一个。列表2中的值应为e，同时禁用List2中的选择。我想知道如何实现它？提前谢谢！

    <div class="form-group">
        <label>List1 </label>
        <div class="col-sm-6">
            <select class="form-control" ng-model="list1">
                <option ng-repeat="option in list1Choice" value={{option}} ng-selected="option == list1" ng-bind="option"></option>
            </select>
        </div>
    </div>



    <div class="form-group">
        <label>List2 </label>
        <div class="col-sm-6">
            <select class="form-control" ng-model="list2">
                <option ng-repeat="option in list2Choice" value={{option}} ng-selected="option == list2" ng-bind="option"></option>
            </select>
        </div>
    </div>

Answer 1

这是一种方法。

http://jsfiddle.net/muw4aect/

有两个关键要素。一，第二次选择中的ng-disabled指令。

//when $scope.select1 is equal 'a'
ng-disabled="select1 == 'a'"

第二个关键元素是ng-change，它调用一个函数来设置第二个选择的值。

$scope.onChange = function() {
    if($scope.select1 == 'a') {
    $scope.select2 = 'e';
  }
}

当然还有其他方法可以做到，这只是一个。

当选择另一个下拉列表中的值时，angular js禁用选择

1 个答案: