如何使用角度js从下拉列表中获取值

时间:2016-06-09 13:38:25

标签: javascript jquery html angularjs

我需要使用angular.js

从下拉列表中获取选择值

角度代码:

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

html代码:

<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>
    jquery .val()中的
  • 可以获得选中的下拉值
  • 但我需要知道角度方式。
  • 我是棱角分明的新人。非常感谢任何帮助。

4 个答案:

答案 0 :(得分:2)

您总是在ng-model中获得选定的值(代码中为selectedperson

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

简单的例子: http://plnkr.co/edit/BEmcCWnmxRJvcGrM1Btp?p=preview

答案 1 :(得分:1)

您似乎没有在更改功能中访问模型的值。编辑该函数看起来像这样:

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

答案 2 :(得分:0)

尝试$scope.value=$scope.selectedPerson下拉列表的值应为模型。

答案 3 :(得分:0)

尝试使用{$ scope.value = $ scope.selectedPerson;}作为你的模型变量