2016-11-23 21 views
0

我想在更改ng-change的下拉列表時獲取值。我的代碼如下: -在靜態值的angularjs中獲得ng-change的下拉值

<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> 

我想將值發送到Angular JS控制器。

請幫

+0

什麼迄今已試過嗎? –

+0

可能重複[獲取選定的ng選項更改時的值](http://stackoverflow.com/questions/22016565/get-value-when-selected-ng-option-changes) –

回答

2

使用NG-模型傳遞值:

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> 
+0

未定義進入警報消息 –

+0

嘗試更改ng-model =「drpmodel」ng-change =「cobchange(drpmodel)」 –

+0

我正在獲取該值,但是我的下拉第一個值顯示爲空白 –

0

爲NG-換個工作,你必須提供NG-模型選擇

<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> 

內部控制

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

顯示未定義日誌 –

+0

做一件事初始化$ scope.myModel = {};在控制器中,並嘗試@rahul – geekbro

1

你可以一個ng-model屬性添加到<select>和通它在ng-change功能如:

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