Question

在级联下拉列表中（例如：3个下拉列表），如何在最初禁用第二个和第三个下拉列表，当用户在第一个下拉列表中选择一个选项时，应启用第二个下拉列表。当用户选择第二个选项时，应启用第三个下拉列表。

如果有人知道，请建议我一个方法，如何做到这一点。

  <button class="btn btn-primary" type="button"  ng-click="openDropdown($event)">{{labelX}}
  <span ng-click="openDropdownFromA($event)"></span></button>
  <ul class="dropdown-menu " >
    <li ng-repeat="data in A"   ng-click="Data($event,data)" >
        <a>{{data}}</a>     
    </li>
  </ul>



  <button class="btn btn-primary" type="button"  ng-click="openDropdown($event)">{{labelY}}
  <span ng-click="openDropdownFromA($event)"></span></button>
  <ul class="dropdown-menu " >
    <li ng-repeat="data in B"   ng-click="Data($event,data)" >
        <a>{{data}}</a>     
    </li>
  </ul>



  <button class="btn btn-primary" type="button"  ng-click="openDropdown($event)">{{labelZ}}
  <span ng-click="openDropdownFromA($event)"></span></button>
  <ul class="dropdown-menu " >
    <li ng-repeat="data in C"   ng-click="Data($event,data)" >
        <a>{{data}}</a>     
    </li>
  </ul>

Answer 1

例如，您可以使用

ng-disabled="DropdownBDisabled"

在要启用的下拉列表中，禁用然后设置on click方法以相应地更改DropdownBDisabled变量的值。

像this

这样的东西

如何在angularjs中逐个启用下拉按钮（Cascading dropdown）

1 个答案: