title: Can't get Angular select to update with selected value
body: <p>I'm using selects to allow a user to switch between events and years. Each change will pull appropriate data from the server, return and update the page. However, the select box goes from the selected value to an empty value. I've looked at numerous solutions and they aren't working.</p>
  
  <pre><code>&lt;select
     ng-model="eventName"
     ng-options="item.value for item in eventOptions track by item.value"
     ng-change="changeEvent(eventName.value)"&gt;
  &lt;/select&gt;
  </code></pre>
  
  <p>This is the changeEvent function:</p>
  
  <pre><code>$scope.changeEvent = function(eventName){
      $scope.eventName = eventName; //wrongly assumed this would update the selected value
      $scope.getData($scope.eventName,$scope.eventYear); //this returns the json - correct
      $scope.updateSelected(); //meant to update the select field value on the page - fails
  };
  </code></pre>
  
  <p>$scope.eventName or $scope.eventYear values will properly update on a change, but has no effect on the page. The selects just empty of a selected value.</p>
  
  <p><strong>UPDATED (with corrected code)</strong>
  I wanted to post the changes I made more clearly than the comment allows.</p>
  
  <p>I removed the object param "value" from the options and the argument from the function call (eventName.value).</p>
  
  <pre><code>&lt;select
      ng-model="eventName"
      ng-options="item for item in eventOptions track by item"
      ng-change="changeEvent()"&gt;
  &lt;/select&gt;
  </code></pre>
  
  <p>And the changeEvent function gets simplified to:</p>
  
  <pre><code>$scope.changeEvent = function(){
      $scope.getData($scope.eventName,$scope.eventYear);
  };
  </code></pre>
  
  <p>It all works as expected! Thanks to all, especially Delta who got me looking at it the right way.</p>