title: Angular 2: When onChange is triggered, How to retrieve both the selected value and the id of the select element?
body: <p>Here's the code in the template: </p>
  
  <pre><code>&lt;select id="regionSelection" [(ngModel)]="regionId"
          (change)="onChange($event.target.value)"
          class = "form-control"&gt;
                &lt;option *ngFor="let r of regionsForDDL"
                 value="{{ r.key }}"&gt;{{ r.value }}&lt;/option&gt;
  &lt;/select&gt;
  </code></pre>
  
  <p>and the code in the component</p>
  
  <pre><code>onChange(selectedValue: string) {
  
  }
  </code></pre>
  
  <p><code>$event.target.value</code> only sends the selected value. How do I get both the selected value and the id of the element (here <code>regionSelection</code>)?</p>
  
  <p>Thanks for helping</p>