从组合框中获取所选值

我需要获取组合框上的选定值并显示它的帮助。附件是一段代码，显示了我所尝试的内容。从组合框中获取所选值

<label class="col-sm-4 control-label">Issue Type:</label> 
<div> 
    <select ng-model="selectedIssue" ng-options="task as task.calltypename for task in tasktype"><option value="" >Please Select</option></select> 
</div>

来源

2016-12-05 eldix_

当前的代码将选定的对象分配给'selectedIssue'财产。如果你需要绑定选定的值而不是选定的对象，那么'ng-options =“task.calltypeid as task.calltypename .... – Developer

@eldix你为什么删除了答案？ – Sajeetharan

我其实想要的值不是对象。谢谢。 –

您可以用获取的选定值

Console.log(selectedIssue.calltypename);

var app = angular.module('myApp', []); 
 
app.controller('myController', function($scope) { 
 
    $scope.tasktype = [{calltypename :'Outbound'},{calltypename :'Internal'}, {calltypename :'Inbound'}]; 
 
});

<!DOCTYPE html> 
 
<html> 
 
<head> 
 
    <script data-require="[email protected]" data-semver="1.4.7" src="https://code.angularjs.org/1.4.7/angular.js"></script> 
 
    <link rel="stylesheet" href="style.css" /> 
 
    <script src="script.js"></script> 
 
</head> 
 
<body ng-app='myApp' ng-controller="myController"> 
 
<select ng-model="selectedIssue" ng-options="task as task.calltypename for task in tasktype"><option value="" >Please Select</option></select> 
 

 
<label>Selected type:{{selectedIssue.calltypename}}</label> 
 

 
</body> 
 
</html>

来源

2016-12-05 12:47:26 Sajeetharan

试试这个示例：

HTML

<div ng-app="App" > 
<div ng-controller="ctrl"> 
<select ng-model="blisterPackTemplateSelected" ng-change="changedValue(blisterPackTemplateSelected)" 
    data-ng-options="blisterPackTemplate as blisterPackTemplate.name for blisterPackTemplate in blisterPackTemplates"> 
    <option value="">Select Option</option> 
</select> 
{{itemList}}  
    </div>  
</div>

var app=angular.module('App', []); 

function ctrl($scope){ 
    $scope.itemList=[]; 
    $scope.blisterPackTemplates=[{id:1,name:"a"},{id:2,name:"b"},{id:3,name:"c"}] 

    $scope.changedValue=function(item){ 
    $scope.itemList.push(item.name); 
    }  

}

以下为输出

希望它可以帮助你。

来源

2016-12-05 12:53:09

下面是HTML代码，希望这有助于

<html> 
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script> 
<body> 

<div ng-app="myApp" ng-controller="myCtrl"> 

<select ng-model="selectedIssue" ng-options="item as item.calltypename for item in names"> 
</select> 
<label>Issue type:{{selectedIssue.calltypename}}</label> 

</div> 

<script> 
var app = angular.module('myApp', []); 
app.controller('myCtrl', function($scope) { 
    $scope.names = [{calltypename:'Emil'},{calltypename:'Emily'}, {calltypename:'Emial'}]; 
}); 
</script>

来源

2016-12-05 13:04:23 Vibhu

从组合框中获取所选值

回答

相关问题