how to get value from dropdown using angular js

Question

I need to get a select value from a dropdown using angular.js

angular code:

var sbAdmin2 = angular.module('sbAdmin2',[]);
sbAdmin2.controller('dropdownCtrl', function($scope,$http){
    $scope.chnagecustomer= function() {
        $scope.value=$scope.dropdown;
        console.log($scope.value);
    };
});

html code:

<select 
  ng-controller="dropdownCtrl" 
  class="form-control" 
  ng-change="chnagecustomer()" 
  ng-model="selectedPerson" 
  id="p_client_main" 
  name="p_client_main" 
  tabindex="2">
    <option value=""> </option>
    <option value="a">a</option>
    <option value="b">b</option>
    <option value="c">c</option>
</select>

in jquery .val() would work to get dropdown value which is selected
but I need to know the angular way.
I'm new in angular. Any help is much appreciated.

E. Abrakov · Accepted Answer · 2016-06-09 13:56:16Z

2

You always got selected value in ng-model (selectedperson in your code)

var app = angular.module('myApp', []);
app.controller('myController', function ($scope) {
  $scope.change = function () {
    alert($scope.value);
  }
})

simple example: http://plnkr.co/edit/BEmcCWnmxRJvcGrM1Btp?p=preview

answered Jun 9, 2016 at 13:56

E. Abrakov

4632 silver badges6 bronze badges

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

Comments

Seth · Accepted Answer · 2016-06-09 13:55:12Z

1

It doesn't appear that you're accessing the model's value in your change function. Edit that function to look like this:

$scope.chnagecustomer= function() {
  $scope.value = $scope.selectedPerson;
  console.log($scope.value);
};

edited Jun 9, 2016 at 13:55

Seth

10.5k10 gold badges50 silver badges69 bronze badges

answered Jun 9, 2016 at 13:53

Karim

8,6823 gold badges27 silver badges36 bronze badges

Comments

Viral Shah · Accepted Answer · 2016-06-09 13:51:23Z

0

try using {$scope.value=$scope.selectedPerson;} as thats your model variable

answered Jun 9, 2016 at 13:51

Viral Shah

475 bronze badges

Comments

TDG · Accepted Answer · 2016-06-09 17:32:41Z

0

Try $scope.value=$scope.selectedPerson the value of your dropdown list should be the model.

edited Jun 9, 2016 at 17:32

TDG

6,1813 gold badges33 silver badges51 bronze badges

answered Jun 9, 2016 at 13:50

Rani Radcliff

5,0965 gold badges39 silver badges64 bronze badges

Collectives™ on Stack Overflow

how to get value from dropdown using angular js

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related