Drop down
by Tapan Acharjee
HTML
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.9/angular.min.js"></script>
<script type="text/javascript">
var app = angular.module('sampleapp', [])
app.controller('samplecontrol', function ($scope) {
$scope.sample = [{
id: '1',
name: 'Suresh Dasari'
}, {
id: '2',
name: 'Rohini Alavala'
}, {
id: '3',
name: 'Mahendra Dasari'
}, {
id: '4',
name: 'Madhav Sai'
}, {
id: '5',
name: 'Mahesh Dasari'
}, {
id: '6',
name: 'Sateesh Alavala'
}];
$scope.getselectval = function () {
$scope.selectedvalues= 'Name: ' + $scope.selitem.name + ' Id: ' + $scope.selitem.id;
}
});
</script>
<body data-ng-app="sampleapp" data-ng-controller="samplecontrol">
<form id="form1">
Select Name: <select ng-options="s.name for s in sample" ng-model="selitem" ng-change="getselectval()">
<option value="">--Select--</option>
</select>
<p> {{selectedvalues}}</p>
</form>
</body>