2016-11-23 7 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> 

私は角度のJSコントローラに値を送りたいと思います。

あなたは、コントローラ

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

これまで何を試してみましたか? –

+0

[選択されたng-optionが変更されたときに値を取得する]の可能な複製(0120-) –

答えて

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

あなたが<select>とパスにng-model属性を追加することができます助けてくださいng-changeのような機能:

値を渡すための
<select ng-model="cob" class="form-control" id="cobSRQ2" ng-change="cobchange(cob)" required> 
    ... 
</select> 
+0

は –

+0

で未定義を示すものが1つあります$ scope.myModel = {}を初期化します。コントローラ内で@rahulを試してみて – geekbro

1

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

を選択するために、NG-モデルを提供しなければならないNG-変更が機能するために

関連する問題