Advertisement
Guest User

Untitled

a guest
Jul 22nd, 2017
53
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 1.44 KB | None | 0 0
  1. <div data-ng-app data-ng-controller="myCtrl">
  2. <select data-ng-model="option1" data-ng-options="option for option in options1" data-ng-change="getOptions2()">
  3. </select>
  4. <select data-ng-model="option2" data-ng-options="option for option in options2" data-ng-change="getOptions3()">
  5. </select>
  6. <select data-ng-model="option3" data-ng-options="option for option in options3">
  7. </select>
  8.  
  9. var option1Options = ["Men", "Women", "Kids"];
  10. var option2Options = [["Top wear","Bottom wear","Blazers"],
  11. ["W-Top Wear","W-Bottom Wear","W-Blazers"],
  12. ["K-Top wear","K-Bottom wear","K-others"]];
  13. var option3Options = [["M-Tshirts","M-Casula Shirts","option2 - 3-3"],
  14. ["M-Jeans","option2 - 3-2","option2 - 3-3"],
  15. ["M-Blazers","option2 - 3-2","option2 - 3-3"],
  16. ["w-Tshirts","w-Casula Shirts","w-option2 - 3-3"]
  17. ];
  18. function myCtrl($scope){
  19. $scope.options1 = option1Options;
  20. $scope.options2 = [];
  21. $scope.options3 = [];
  22. $scope.getOptions2 = function(){
  23.  
  24. var key = $scope.options1.indexOf($scope.option1);
  25. var myNewOptions = option2Options[key];
  26.  
  27. $scope.options2 = myNewOptions;
  28. };
  29. $scope.getOptions3 = function(){
  30.  
  31. var key = $scope.options2.indexOf($scope.option2);
  32. var myNewOptions = option3Options[key];
  33.  
  34. $scope.options3 = myNewOptions;
  35. };
  36. } <br/>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement