title: Angular 2: How to get the selected value from different options of a form?
body: <p>I would like to use a <code>&lt;select&gt;</code> in a form to let the user being able to update values among different <code>&lt;option&gt;</code>. I have used the technique from the guide here: <a href="https://angular.io/docs/ts/latest/guide/forms.html" rel="noreferrer">https://angular.io/docs/ts/latest/guide/forms.html</a>. Here is the sample I am talking about:</p>
  
  <pre><code>&lt;div class="form-group"&gt;
      &lt;label for="type"&gt;Type :&lt;/label&gt;
      &lt;select class="form-control" [(ngModel)]="order.type" ngControl="type"&gt;
          &lt;option *ngFor="#type of types" [value]="type"&gt;{{type}}&lt;/option&gt;
      &lt;/select&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>In my order-details.component I have got an updateOrder() which calls the updateOrder() from myApp.services.</p>
  
  <p>My problem is when I am trying to send the data from the form to the back-end: all the parts with an <code>&lt;input&gt;</code> are OK, but not those with <code>&lt;select&gt;</code> (it returns the original values, and not the one selected).</p>
  
  <p>Does anyone have encountered this or a similar problem?
  Thanks for your help!</p>