Breaking News: Grepper is joining You.com. Read the official announcement!

Changing the value of a dropdown when the value of a number box changes in AngularJS

SAMER SAEID answered on May 11, 2022 Popularity 8/10 Helpfulness 2/10

answer Changing the value of a dropdown when the value of a number box changes in AngularJS

Changing the value of a dropdown when the value of a number box changes in AngularJS

Comment

angular.module('myApp', [])
  .controller('myCtrl', ['$scope', '$http', function($scope, $http) {
    $scope.pizzaBox = {
      numSlices: 5,
      pizzaSizes: ["Small", "Large"],
      selectedPizzaSize: "Small"
    };

    $scope.onNumSlicesChanged = function() {
      if ($scope.pizzaBox.numSlices <= 8) {
        $scope.pizzaBox.selectedPizzaSize = "Small";
      } else {
        $scope.pizzaBox.selectedPizzaSize = "Large";
      }
    };
  }]);

<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.7.5/angular.min.js"></script>
<div ng-app="myApp" ng-controller="myCtrl">
  <input name="nameForNumberField" ng-model="pizzaBox.numSlices" type="number" ng-change="onNumSlicesChanged()" />
  <select id="nameForDropdown" data-ng-model="pizzaBox.selectedPizzaSize" ng-options="x for x in pizzaBox.pizzaSizes"></select>
</div>

Popularity 8/10 Helpfulness 2/10 Language javascript

Source: Grepper

Tags: angularjs box dropdown javascript value-of when

Link to this answer
Share Copy Link

Contributed on May 11 2022

SAMER SAEID

0 Answers Avg Quality 2/10

Continue with Google

By continuing, I agree that I have read and agree to Greppers's Terms of Service and Privacy Policy.

Changing the value of a dropdown when the value of a number box changes in AngularJS

Contents

More Related Answers

Changing the value of a dropdown when the value of a number box changes in AngularJS

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.