Javascript 尝试获取下拉列表值

我试图为我的On change函数获取下拉选择值，但得到了未定义的值

到目前为止我所做的是

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

---

那么我这里缺少的是什么。我如何才能获取选定的下拉列表值以便进一步使用它

您已经将select的值绑定到

$scope.status

，因此您可以使用

$scope.status

获取下拉列表值

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

示例

angular.module（'app'，[]）.controller（'MyCtrl'，['$scope'，function（$scope）{
$scope.status='value1'；
$scope.getalert=函数（）{
警报（$scope.status）；
};
}])

值1
价值2
价值3
价值4

您已将select的值绑定到

$scope.status

，因此可以使用

$scope.status

获取下拉列表值

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

示例

angular.module（'app'，[]）.controller（'MyCtrl'，['$scope'，function（$scope）{
$scope.status='value1'；
$scope.getalert=函数（）{
警报（$scope.status）；
};
}])

值1
价值2
价值3
价值4

Suren Srapyan的答案存在漏洞，即选择框中的第一个选项显示为未定义

下面的代码是相同的解决方案。

/--app.module.js--/
角度模块（'app'，[]）；
//--app.controller.js--//
角度。模块（'app'）
.控制器（“状态控制器”，状态控制器）；
StatusController.$inject=['$log']；
功能状态控制器（$log）{
var vm=这个；
vm.status='value1'；
vm.showStatusConsole=showStatusConsole；
函数showStatusConsole（）{
$log.log（'当前状态为：-'+vm.Status）；
}
}

值1
价值2
价值3
价值4

Suren Srapyan的答案存在漏洞，即选择框中的第一个选项显示为未定义

下面的代码是相同的解决方案。

/--app.module.js--/
角度模块（'app'，[]）；
//--app.controller.js--//
角度。模块（'app'）
.控制器（“状态控制器”，状态控制器）；
StatusController.$inject=['$log']；
功能状态控制器（$log）{
var vm=这个；
vm.status='value1'；
vm.showStatusConsole=showStatusConsole；
函数showStatusConsole（）{
$log.log（'当前状态为：-'+vm.Status）；
}
}

值1
价值2
价值3
价值4