Получить выбранное значение из Combo box

Мне нужна помощь в получении выбранного значения в поле со списком и его отображении. Прикрепленный фрагмент кода, который показывает, что я пробовал.Получить выбранное значение из Combo box

<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 как 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

Получить выбранное значение из Combo box

ответ

Смежные вопросы