title: How to change dropdown value from child component in angular 8
body: <p>Tried to change dropdown value from child component in angular 8 but i do not know how to do it.If anyone know please help to find solution.</p>
  <blockquote>
  <pre><code>If i click France button want to set dropdown value France.
  If i click Germany button want to set dropdown value Germany.
  If i click Italy button want to set dropdown value Italy.
  </code></pre>
  </blockquote>
  <p>app.component:</p>
  <pre><code>&lt;select name=&quot;city&quot; class=&quot;rounded-inputs20 select-select col-md-3&quot; (change)=&quot;onChange($event.target.value)&quot;&gt;
    &lt;option *ngFor=&quot;let country of countries&quot;  [value]=&quot;country.id&quot;&gt;{{country.name}}&lt;/option&gt;
  &lt;/select&gt;
  </code></pre>
  <p>body.component:</p>
  <pre><code>&lt;button (click)=&quot;changeVal('France')&quot;&gt;France&lt;/button&gt;
  
  &lt;button (click)=&quot;changeVal('Germany')&quot;&gt;Germany&lt;/button&gt;
  
  &lt;button (click)=&quot;changeVal('Italy')&quot;&gt;Italy&lt;/button&gt;
  </code></pre>
  <p>Demo::<a href="https://stackblitz.com/edit/angular-dropdown-geishz?file=app%2Fapp.component.html" rel="nofollow noreferrer">https://stackblitz.com/edit/angular-dropdown-geishz?file=app%2Fapp.component.html</a></p>