DropDownの値を取得しようとしています

私はOn change機能のDropdown select値を取得しようとしていますが、未定義の値があります。DropDownの値を取得しようとしています

私はこれまでやった

<div class="list"> 
    <div class="item item-input item-select"> 
    <div class="input-label"> 
     Status 
    </div> 
    <select id="ddlstatus" ng-model="status" ng-change="getalert()" > 


     <option ng-repeat=" status in Status" value="{{status.StatusCodeId}}">{{status.StatusCode}}</option> 

    </select> 
    </div> 
</div>

と私の角度コードは、私はそれを使用することができますので、私はドロップダウンリスト値を選択して得ることができるので、私はhere.howを欠けている

$scope.StatusD =function(){ 

    $scope.Status=[ ]; 
    $http({ 
     crossDomain: true, 
     type: 'GET', 
     dataType: 'jsonp', 
     url: Baseurl+'/api/Status' 
     }).then(function(resp){ 
     $scope.Status = resp.data; 
     console.log($scope.Status); 
      }); 
     }; 
    $scope.getalert=function()alert(document.getElementById("ddlstatus").value)}

であることが何でありますかさらに

出典

2017-02-07 Rahul Jyala

$scope.statusに選択値をバインドしているので、$scope.statusでドロップダウン値を取得できます。

$scope.getalert = function() { 
    alert($scope.status). 
}

例

angular.module('app', []).controller('MyCtrl', ['$scope', function($scope){ 
 
    $scope.status = 'value1'; 
 
    
 
    $scope.getalert = function(){ 
 
     alert($scope.status); 
 
    }; 
 
}])

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 
<body ng-app="app" ng-controller="MyCtrl"> 
 
    <select id="ddlstatus" ng-model="status" ng-change="getalert()" > 
 
    <option value="value1">Value 1</option> 
 
    <option value="value2">Value 2</option> 
 
    <option value="value3">Value 3</option> 
 
    <option value="value4">Value 4</option> 
 
    </select> 
 
</body>

出典

2017-02-07 07:30:49

Suren Srapyanによって答えが選択ボックスの最初のオプションは未定義として表示されていることを抜け穴を持っています。

以下のコードは、同じのためのソリューションです。

//--app.module.js--// 
 
angular.module('app', []); 
 
//--app.controller.js--// 
 
angular.module('app') 
 
    .controller('StatusController', StatusController); 
 

 
StatusController.$inject = ['$log']; 
 

 
function StatusController($log) { 
 
    var vm = this; 
 
    vm.status = 'value1'; 
 
    vm.showStatusConsole = showStatusConsole; 
 

 
    function showStatusConsole() { 
 
    $log.log('Current Status Is:- ' + vm.status); 
 
    } 
 
}

<html ng-app="app"> 
 

 
<body ng-controller="StatusController as statusObj"> 
 
    <select id="ddlstatus" ng-model="statusObj.status" ng-change="statusObj.showStatusConsole()"> 
 
    <option value="value1">Value 1</option> 
 
    <option value="value2">Value 2</option> 
 
    <option value="value3">Value 3</option> 
 
    <option value="value4">Value 4</option> 
 
    </select> 
 
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.6/angular.min.js"></script> 
 
    <script src="app.module.js"></script> 
 
    <script src="app.controller.js"></script> 
 
</body> 
 

 
</html>

出典

2017-02-07 08:58:27

DropDownの値を取得しようとしています

答えて

関連する問題