get dropdown value on ng-change in angularjs with static values

Question

I want to get value when I change the dropdown on ng-change. My code as follows:-

<select class="form-control" id="cobSRQ2" ng-change="cobchange()" required>
    <option>[Select One]</option>
    <option value="Primary" selected>Primary</option>
    <option value="Secondary">Secondary</option>
    <option value="Tertiary">Tertiary</option>
</select>

I want to send the value to Angular JS controller.

Please help

Possible duplicate of [Get value when selected ng-option changes](http://stackoverflow.com/questions/22016565/get-value-when-selected-ng-option-changes) — Sibeesh Venu, Nov 23 '16 at 11:10

SURJEET SINGH Bisht · Accepted Answer · 2016-11-23T11:39:02.317

2

use ng-model for pass the value :

 app.controller('controllername',function($scope){
 $scope.drpmodel=-1
 $scope.cobchange=function(){

     alert($scope.drpmodel);

  }


 });

 <select class="form-control" id="cobSRQ2" ng-model="drpmodel" ng-change="cobchange()" required>
   <option value="-1">[Select One]</option>
   <option value="Primary" selected>Primary</option>
   <option value="Secondary">Secondary</option>
   <option value="Tertiary">Tertiary</option>
</select>

edited Nov 23 '16 at 11:39

answered Nov 23 '16 at 11:16

SURJEET SINGH Bisht

881
10
16

undefined is coming in alert message – rahul aggarwal Nov 23 '16 at 11:22
try changing ng-model="drpmodel" ng-change="cobchange(drpmodel)" – SURJEET SINGH Bisht Nov 23 '16 at 11:27
I am getting the value but my dropdown first value is shown as blank – rahul aggarwal Nov 23 '16 at 11:33
still the same issue – rahul aggarwal Nov 23 '16 at 11:43
ok leave all thing just do one last thing : – SURJEET SINGH Bisht Nov 23 '16 at 11:52

score 1 · Answer 2 · answered Nov 23 '16 at 11:13

1

You could add a ng-model attribute to <select> and pass it in the ng-change function like:

<select ng-model="cob" class="form-control" id="cobSRQ2" ng-change="cobchange(cob)" required>
    ...
</select>

answered Nov 23 '16 at 11:13

Evans Murithi

3,197
1
21
26

score 0 · Answer 3 · answered Nov 23 '16 at 11:12

0

for ng-change to work you must provide ng-model to select

<select class="form-control" id="cobSRQ2" ng-model="myModel" ng-change="cobchange()"    required>
<option>[Select One]</option>
<option value="Primary" selected>Primary</option>
<option value="Secondary">Secondary</option>
<option value="Tertiary">Tertiary</option>
</select>

inside controller

$scope.cobchange=function(){
console.log($scope.myModel);
          }

answered Nov 23 '16 at 11:12

geekbro

1,293
12
13

do one thing initialize $scope.myModel={}; in the controller and try @rahul – geekbro Nov 23 '16 at 11:29

get dropdown value on ng-change in angularjs with static values

3 Answers3