Question

我有一个下拉列表。点击按钮我会调用一个函数。在这里我需要我选择的所有值如何做到这一点

以下是我的代码

HTML

<html ng-app="myapp">
<head>
<script src="angular/angular.js"></script>
</head>
<body>
<div ng-app ng-controller="MyCtrl">
    <select class="form-control" ng-model="firstType" ng-change="onRegionChange(firstType)" ng-options="item.id as item.name for item in items">
    </select>
    <input type="submit" ng-click='resultView()'/>
</div>
</body>
</html>

脚本

<script>
var myapp = angular.module('myapp', []);

myapp.controller('MyCtrl', function ($scope,$http) 
{
    $scope.Data = {};
    $scope.items = [{id:1, name:'First'}, {id:2, name:'Second'}, {id:3, name:'Third'}];

    $scope.onRegionChange = function(firstType)
    {
       console.log(firstType);
    }
    $scope.resultView = function() 
    {
        console.log(firstType);
    }
});

</script>

非常感谢任何建议或帮助。

单击按钮，在控制台 enter image description here

中显示错误

谢谢这是错误的屏幕截图

Answer 1

您只需向resultView函数添加参数即可。像这样：

<input type="submit" ng-click='resultView(firstType)'/>

并在此添加。

$scope.resultView = function(firstType) 
    {
        console.log(firstType);
    }

Answer 2

$scope.resultView = function(firstType) 
    {
        console.log(this.firstType);
    }

只需添加＆＃39; this.firstType＆＃39;经过漫长的一天后，我发现了这个

如何在按钮单击时获取选定的下拉列表值而不传递angularjs中的参数

2 个答案: