title: How to get Select option dropdown text value using reactive form in Angular
body: <p>I'm trying to access the text as a value. Currently I'm able to retrieve the value but not the text.</p>
  
  <pre><code>&lt;select id="firstName" formControlName="firstName" class="form-control"&gt;
    &lt;option value="Not Selected" [disabled]="true" [selected]="true"&gt;Select&lt;/option&gt;
    &lt;option *ngFor="let fName of clientFileData.worksheets[0].columns" value={{fName.index}}&gt;{{fName.name}}&lt;/option&gt;
  &lt;/select&gt;
  </code></pre>
  
  <p>Using <code>this.firstName.value</code> I'm able to get the value which is <code>fName.index</code> but I also want to access the <code>fName.name</code>. How can I retrive that value eqivalent of <code>$("#firstName:selected").text();</code> in jquery? </p>