Javascript 如何将下拉列表值作为参数传递给函数
我有一个下拉列表,在ng change事件中,我需要将下拉列表值传递给Javascript 如何将下拉列表值作为参数传递给函数,javascript,angularjs,Javascript,Angularjs,我有一个下拉列表,在ng change事件中,我需要将下拉列表值传递给$scope.getPIRData函数,以便获得动态结果 <div class="col-sm-4 col-lg-offset-4" ng-controller="myCtrl"> <select class="form-control" ng-model="sel_val" ng-change="getPIRData(sel_val)" ng-options="data.deveui f
$scope.getPIRData
函数,以便获得动态结果
<div class="col-sm-4 col-lg-offset-4" ng-controller="myCtrl">
<select class="form-control" ng-model="sel_val" ng-change="getPIRData(sel_val)" ng-options="data.deveui for data in Customers"></select>
</div>
<script>
var app = angular.module('plunker', []);
app.controller('myCtrl', function ($scope, $http, $window) {
$scope.sel_val = 0;
$scope.DefaultLabel = "Loading.....";
var post = $http({
method: "get",
url: "../data.json",
dataType: 'json',
data: {},
headers: { "Content-Type": "application/json" }
});
post.success(function (data, status) {
$scope.Customers = data;
});
post.error(function (data, status) {
});
$scope.getPIRData = function (id) {
$http.get("/PIRDetails/GetPIRStatus/" + id)
.then(function (response) {
$scope.myWelcome = response.data;
console.log(JSON.stringify($scope.myWelcome));
});
};
});
</script>
var app=angular.module('plunker',[]);
app.controller('myCtrl',函数($scope,$http,$window){
$scope.sel_val=0;
$scope.DefaultLabel=“正在加载…”;
var post=$http({
方法:“获取”,
url:“../data.json”,
数据类型:“json”,
数据:{},
标题:{“内容类型”:“应用程序/json”}
});
发布成功(功能(数据、状态){
$scope.Customers=数据;
});
post.错误(功能(数据、状态){
});
$scope.getPIRData=函数(id){
$http.get(“/PIRDetails/GetPIRStatus/”+id)
.然后(功能(响应){
$scope.myWelcome=response.data;
log(JSON.stringify($scope.myWelcome));
});
};
});
传递ng change指令中的值
ng-change="getPIRData(sel_val)"
它显示如下内容-/PIRDetails/GetPIRStatus/[object%20Object]并出现错误。期望值-E8E1102D9客户的结构是什么?上面的错误仅仅意味着
sel_val
是一个对象数组。在$http调用getPIRData
函数之前添加一个console.log(id)
,并告诉我输出。这没有帮助,你能截屏或者至少正确格式化输出吗?尝试发送sel_val.deveui
,即ng change=“getPIRData(sel_val.deveui)