Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <div data-ng-app data-ng-controller="myCtrl">
- <select data-ng-model="option1" data-ng-options="option for option in options1" data-ng-change="getOptions2()">
- </select>
- <select data-ng-model="option2" data-ng-options="option for option in options2" data-ng-change="getOptions3()">
- </select>
- <select data-ng-model="option3" data-ng-options="option for option in options3">
- </select>
- var option1Options = ["Men", "Women", "Kids"];
- var option2Options = [["Top wear","Bottom wear","Blazers"],
- ["W-Top Wear","W-Bottom Wear","W-Blazers"],
- ["K-Top wear","K-Bottom wear","K-others"]];
- var option3Options = [["M-Tshirts","M-Casula Shirts","option2 - 3-3"],
- ["M-Jeans","option2 - 3-2","option2 - 3-3"],
- ["M-Blazers","option2 - 3-2","option2 - 3-3"],
- ["w-Tshirts","w-Casula Shirts","w-option2 - 3-3"]
- ];
- function myCtrl($scope){
- $scope.options1 = option1Options;
- $scope.options2 = [];
- $scope.options3 = [];
- $scope.getOptions2 = function(){
- var key = $scope.options1.indexOf($scope.option1);
- var myNewOptions = option2Options[key];
- $scope.options2 = myNewOptions;
- };
- $scope.getOptions3 = function(){
- var key = $scope.options2.indexOf($scope.option2);
- var myNewOptions = option3Options[key];
- $scope.options3 = myNewOptions;
- };
- } <br/>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement