Javascript 使用Angular.js从下拉列表中选择后无法获取值
我有一个问题。我无法使用Angular.js从下拉列表中获取值。我在下面解释我的代码Javascript 使用Angular.js从下拉列表中选择后无法获取值,javascript,angularjs,Javascript,Angularjs,我有一个问题。我无法使用Angular.js从下拉列表中获取值。我在下面解释我的代码 <select class="form-control" id="user_name" ng-model="user_name" ng-options="user.name for user in listOfUser track by user.value " > </select> <input type="button" class="btn btn-suc
<select class="form-control" id="user_name" ng-model="user_name" ng-options="user.name for user in listOfUser track by user.value " >
</select>
<input type="button" class="btn btn-success" ng-click="sendEvoucherCode();" id="addProfileData" value="SEND"/>
$http({
method:'GET',
url:"php/getUserId.php",
headers: { 'Content-Type': 'application/x-www-form-urlencoded' }
}).then(function successCallback(response){
//console.log('user id',response);
angular.forEach(response.data,function(data){
var obj={'name':data.userid,'value':data.userid};
$scope.listOfUser.push(obj);
})
},function errorCallback(response) {
})
$scope.sendEvoucherCode=function(){
console.log('check',$scope.user_name);
}
$http({
方法:'GET',
url:“php/getUserId.php”,
标题:{'Content Type':'application/x-www-form-urlencoded'}
}).then(函数成功回调(响应){
//console.log('用户id',响应);
角度.forEach(响应.数据,函数(数据){
var obj={'name':data.userid,'value':data.userid};
$scope.listOfUser.push(obj);
})
},函数errorCallback(响应){
})
$scope.sendEvoucherCode=function(){
console.log('check',$scope.user_name);
}
在这里,当我从“丢失”下拉列表中选择值并单击任何按钮时,在该函数中,我无法使用此控制台
console.log('check',$scope.user\u name.value)获取任何值代码>。这里我需要检索所选值。请帮助我。查看Shb的评论。
您使用参数'user\u name'
调用方法(在ng change时)removeBorder
,该参数是一个字符串。但是您需要名为user\u name
的变量。因此,将方法调用更改为removeBorder(用户名)
编辑:
代码正在运行。见此。将ng Change=“removeBorder('user_name');
更改为ng Change=“removeBorder(user_name”)代码>你能拼凑一个是的a就好了!我选择了一个值,但生成的输出html类似于Select User
this。否,即使我删除了ng change
,我仍然在点击事件中获取值。@christoph:我已经发布了代码。在这里,我可以说我正在从数据库中获取数据,并在下拉列表中显示它们。我已经编辑了我的帖子。当用户单击发送按钮时,它会显示这个检查对象{name:“选择用户”,值:“}
控制台中的消息。@satya您已经发布的代码是正确的。请参见此工作plunker示例。因此,请发布更多代码或自己找到解决方案。也许你可以给我们看一下你的请求的回复。实际上我在一个弹出的模式窗口中显示了这个下拉列表。在这里它不能正常工作。在我这边,它也在通用页面中出现。