0

Here is my HTML 

<select class="height_selected">
      <option>Select Height</option>
      <option ng-model="userHeight" ng-init="1" value="1">123 cm</option>
      <option ng-model="userHeight" ng-init="2" value="2">125 cm</option>
      <option ng-model="userHeight" ng-init="3" value="3">124 cm</option>
</select>


<a type="button" ng-click="updateHeight()">Save</a></div>

In the controller i do

userHeight = $scope.userHeight;

But i am not getting any value.

How can i get the value ?

Improve this question
1
  • See my sample code in another question regarding a different matter stackoverflow.com/questions/31289704/… ng_model the select element and use ng-options to generate list. ng model on the select element is how the model is updated. Commented Jul 8, 2015 at 10:23

3 Answers 3

Reset to default
2

You wrongly used ng-model for options. It is used for only inputs fields like input box, textarea, select

For More Reference

it comes like 

<select class="height_selected" ng-model="userHeight">
      <option>Select Height</option>
      <option  value="1">123 cm</option>
      <option  value="2">125 cm</option>
      <option  value="3">124 cm</option>
</select>

Now only you get the value

Improve this answer
Sign up to request clarification or add additional context in comments.

Comments

1

put ng-model in select. also if you want to select 1 item default than $scope.userHeight = "/value of option/";

Improve this answer

Comments

1

Here you are:

var app = angular.module('app', []);
app.controller('controller', ['$scope', controllerFunction]);

function controllerFunction($scope) {
  $scope.companies = [{
    'id': 1,
    'name': "c1"
  }, {
    'id': 2,
    'name': "c2"
  }];

  $scope.companyChange = function() {
    alert(angular.toJson($scope.company));
  };
}
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app="app" ng-controller="controller">
  <select ng-model="company" ng-options="c.name for c in companies track by c.id" ng-change="companyChange()">
    <option value="">All</option>
  </select>
</div>

Refer more: https://docs.angularjs.org/api/ng/directive/ngOptions

Hope this helps.

Improve this answer

Comments