Angular: Empty Fiddle

http://angularjs.org/

by Pratik Bhattachary

HTML

<script src="http://code.angularjs.org/angular-1.0.1.js"></script>
<div ng-controller="MyCtrl">
  <select ng-model="India_dropDown" id="indiaselect" ng-options=" x for x in names1">
  </select>
  <select ng-model="Pakistan_dropDown" id="pakselect" ng-options=" y for y in names2"></select>
  <br/>
  <button type="India" ng-click="indiaDropDown()">India </button>
  <br/>
  <button type="Pakistan" ng-click="pakDropDown()">Pakistan </button>
</div>

JavaScript

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

//myApp.directive('myDirective', function() {});
//myApp.factory('myService', function() {});

function MyCtrl($scope) {
  $scope.names1 = ['Sachin', 'Dhoni', 'Virat', 'Dravid'];
  $scope.names2 = ['Shoaib', 'Malik', 'Irfan', 'Sarfraz'];

  

  $scope.indiaDropDown = function() {
    var dropdown = document.getElementById('indiaselect');
    var event = document.createEvent('MouseEvents');
    event.initMouseEvent('mousedown', true, true, window);
    dropdown.dispatchEvent(event);
  }
	
	$scope.pakDropDown = function() {
    var dropdown = document.getElementById('pakselect');
    var event = document.createEvent('MouseEvents');
    event.initMouseEvent('mousedown', true, true, window);
    dropdown.dispatchEvent(event);
  }
}