Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angularjs/22.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 使用Angular.js从下拉列表中选择后无法获取值_Javascript_Angularjs - Fatal编程技术网

Javascript 使用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

我有一个问题。我无法使用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-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示例。因此,请发布更多代码或自己找到解决方案。也许你可以给我们看一下你的请求的回复。实际上我在一个弹出的模式窗口中显示了这个下拉列表。在这里它不能正常工作。在我这边,它也在通用页面中出现。