JSFiddle - React, Tailwind, and code Playground
HTML
<script src="http://code.angularjs.org/angular-1.0.0rc6.min.js"></script>
<div ng-controller="MyController" ng-app>
<div>
<select class="dataset" size="1" ng-model="dataset" ng-options="d.name for d in datasets"></select>
<button ng-click="resetSelection()">Reset Selection</button>
</div>
</div>
CSS
div {
margin-bottom: 2em;
}
JavaScript
function MyController($scope) {
$scope.dataset;
$scope.datasets = [{
id: 'id-1',
name: 'Brisbane'},
{
id: 'id-2',
name: 'Perth'},
{
id: 'id-3',
name: 'Melbourne'}];
$scope.resetSelection = function(){
console.log($scope.dataset);
$scope.dataset = $scope.datasets[0];
}
$scope.resetSelection();
}