javascript - AngularJS 表单中的下拉值未定义

标签 javascript angularjs

在 AngularJS 中提交表单时,我试图从下拉列表中获取值,但最终得到一个未定义的值。看看这个 fiddle :http://jsfiddle.net/ironhead/Td2NZ/280/ 文本字段与 $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>

最佳答案

使用 ng-model 指令,您可以将特定的 $scope 属性 - form.type - 绑定(bind)到该选择。当用户选择不同的选项时,该模型的值会根据这些元素最初的创建方式(使用 ng-options 指令)发生变化。所以你只需要检查模型的值,仅此而已!例如:

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

Demo .

关于javascript - AngularJS 表单中的下拉值未定义,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27115817/

相关文章:

javascript - AngularJS promise 捕获 401

javascript - 如何在客户端处理 HTTP 错误?

javascript - 如何将逻辑/数学运算符分配给对象的函数?

javascript - 使用 Sinon 在 Promise 中 stub 代码并返回 Resolve()

javascript - jQuery 追加 onclick

javascript - 当放置多个表达式时 ng-disabled 会失败

javascript - 将工厂注入(inject) Controller 在 Angular 1.6 中不起作用

AngularJS:监视元素可见性

jquery - 使用 jQuery 作为没有 data-main 属性的模块引导 RequireJS 应用程序

javascript - 在打印屏幕 AngularJS 顶部获取空白