Angular: Empty Fiddle
http://angularjs.org/
HTML
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.7/angular.min.js"></script>
<div ng-app ng-controller="MyCtrl">
<select ng-change="changeApplication()" ng-model="color" ng-options="c.name for c in colors">
</div>
JavaScript
function MyCtrl($scope) {
$scope.colors = [{name:'black', shade:'dark'},
{name:'white', shade:'light'},
{name:'red', shade:'dark'},
{name:'blue', shade:'dark'},
{name:'yellow', shade:'light'}];
$scope.color = $scope.colors[1];
$scope.changeApplication = function() {
console.log("Selected color: " + $scope.color.name + " / " + $scope.color.shade);
}
}