title: Angular dropdown ng-change event
body: <p>I have a angular dropdown <strong>cmbAll</strong> and list of <strong>cmbFruit</strong> in ng-repeat. I want when i change cmbAll selected value on cmbFruit [i] also change. But on load cmbAll is populated with -1 indexselected and cmbFruit [i] with their specific indexex. Below is the code. Please suggest.</p>
  
  <pre><code>&lt;select id="cmbAll"  tabindex="" title="" ng-change="onChange()"&gt;
                                  &lt;option value=""&gt;-Select One-&lt;/option&gt;
                                  &lt;option value="1"&gt;Apple&lt;/option&gt;
                                  &lt;option value="2"&gt;Banana&lt;/option&gt;
                                  &lt;option value="3"&gt;Mango&lt;/option&gt;
                                  &lt;option value="4"&gt;Papaya&lt;/option&gt;
                                  &lt;option value="5"&gt;Pear&lt;/option&gt;
    &lt;/select&gt;
     &lt;div data-ng-repeat="x in InfoList"&gt;
       &lt;select id="cmbFruit" name="cmbFruit" ng-model="x.Name"
         ng-options="c.Value as c.Text    for c in x.List"&gt;&lt;/select&gt;
  
     &lt;/div&gt;
  </code></pre>
  
  <p>What should be the code for <strong>onchange()</strong></p>