title: Get selected value from the drop down list with Angular
body: <pre><code>&lt;tr (click)="onRowClick(myDropDownList.value)"&gt;
  &lt;td&gt;
  &lt;select #myDropDownList (click)="$event.stopPropagation()" (change)="onChange($event.target.value)"&gt;
      &lt;option *ngFor="let n of numbers" [value]="n"&gt;{{n}}&lt;/option&gt;
  &lt;/select&gt;
  &lt;/td&gt;
  &lt;/tr&gt;
  </code></pre>
  
  <p>I was trying to get selected value from the drop down list and assign it to the <code>onRowClick</code> function. But <code>myDropDownList</code> always appears to be <code>undefined</code> for some reason. I was wondering what might go wrong here. </p>