Question

我在AngularJS中提交表单时尝试从下拉列表中获取值，但结果是未定义的值。看到这个小提琴：http://jsfiddle.net/ironhead/Td2NZ/280/ textfields适用于$ scope.nameoftextbox，但如何获取下拉列表的名称/值？

<form ng-submit="submitForm()" novalidate>
    <select name="test" ng-model="form.type" ng-options="option.name for option in typeOptions" ></select>
    <input type="submit" value="submit">
</form>

<script>
    $scope.submitForm = function (post) {
    alert($scope.test);
}
</script>

Answer 1

使用ng-model指令，将特定的$scope属性 - form.type - 绑定到该选择。当用户选择不同的选项时，此模型的值会发生变化，这取决于首先如何创建这些元素（使用ng-options指令）。所以你只需要检查模型的价值，这就是全部！例如：

alert($scope.form.type.name);

Demo

来自表单undeular的AngularJS下拉值

1 个答案: