javascript - 如何访问AngularJS中选择标签的值属性

Question

我想获取选择的选项的值属性...这是我的 html

<select ng-model = "selectedElement">
 <option vlaue = "1">john</option>
 <option vlaue = "2">harry</option>
 <option vlaue = "3">peter</option>
</select>

当我运行代码时

console.log($scope.selectedElement);

我在控制台中得到了结果“john”但我期望的是获得 value 属性。例如控制台中的“1”。有什么办法可以做到这一点吗？

Answer 1

您在选项中使用了vlaue，这是不正确的。使用 value 来设置每个选项的值，并在 $scope.selectedElement

上为您提供该值

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

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app="myApp" ng-controller="MainCtrl">

  <select ng-model="selectedElement">
    <option value="1">john</option>
    <option value="2">harry</option>
    <option value="3">peter</option>
  </select>
  selected value is {{selectedElement}}
</div>