title: DropDownlist Selected text when Submit button click in Angular 6
body: <p>I want to get the selected text in Angular when I select an item in Dropdownlist.</p>
  
  <p>Please Note that I want to get the <strong>text</strong> without any <code>onchange</code> event in Dropdownlist. I use query selector to get the value of Dropdownlist and event is button and button inside form tag. Here is my code </p>
  
  <pre><code>const ddldepartment = target.querySelector('#ddldepartment').value;
  const ddldesignation = target.querySelector('#ddldesignation').value;
  </code></pre>
  
  <p>Here I get the value like 1 and 2 not getting the text. and I am using </p>
  
  <pre><code>&lt;form (submit)="PostEmployee($event)"&gt;
  </code></pre>
  
  <p>and </p>
  
  <pre><code>PostEmployee(event) {
      const ddldepartment = target.querySelector('#ddldepartment').value;
      const ddldesignation = target.querySelector('#ddldesignation').value;
  }
  </code></pre>
  
  <p>Here is my HTML Code for the dropdownlist:</p>
  
  <pre><code>&lt;select id="ddldepartment" [(ngModel)]="ddldepartment" name='ddlbankcode' style="width: 70%"&gt;
      &lt;option value=0&gt;Choose...&lt;/option&gt;
      &lt;option class='option' *ngFor="let dept of department" [value]="dept.dept_code"&gt;
        {{dept.dept_name}}
      &lt;/option&gt;
  &lt;/select&gt;
  </code></pre>
  
  <p>I got value in console. I want to get text. How can I find it?</p>