There are 3 select dropdowns and I want the following scenarios to occur:
- If I select 1 in dropdown1, then the other values should be 2 and 3.
Dropdown1: 1
Dropdown2: 2
Dropdown3: 3
https://i.sstatic.net/078H4.png
- If I select 1 in dropdown2, then the other values should be:
Dropdown1: 3
Dropdown2: 1
Dropdown3: 2
https://i.sstatic.net/K7iN2.png
- The configuration should be like this:
Dropdown1: 2
Dropdown2: 3
Dropdown3: 1
https://i.sstatic.net/LDN4e.png
Visit CodePen for more details.
<body ng-app="my-app" ng-controller="my-controller">
<select class="form-control" ng-options="obj as obj.title for obj in sequence" ng-model="selectedView1"></select>
<select class="form-control" ng-options=" obj.title for obj in sequence" ng-model="selectedView2"></select>
<select class="form-control" ng-options=" obj.title for obj in sequence" ng-model="selectedView3"></select>
</body>
For further information, please check out the CodePen link above.