title: Using a html select box with razor
body: <p>I have a html selector, and I want to use the selected value for my "model => model.type" in my form. Is there a way to set the value in my <code>@Html.EditorFor(model =&gt; model.type)</code> to the value of the selector?</p>
  
  <pre><code>@using (Html.BeginForm()) {
  @Html.ValidationSummary(true)
  &lt;fieldset&gt;
      &lt;legend&gt;Bet&lt;/legend&gt;
  
      &lt;div class="editor-label"&gt;
          @Html.LabelFor(model =&gt; model.type)
      &lt;/div&gt;
      &lt;div class="editor-field"&gt;
  
          &lt;select id ="type"&gt;
    &lt;option value="Football"&gt;Football&lt;/option&gt;
    &lt;option value="Rugby"&gt;Rugby&lt;/option&gt;
    &lt;option value="Horse Racing"&gt;Horse Racing&lt;/option&gt;
  &lt;/select&gt;
  
          @Html.EditorFor(model =&gt; model.type)
          @Html.ValidationMessageFor(model =&gt; model.type)
  
      &lt;/div&gt;
  
  
  
      &lt;p&gt;
          &lt;input type="submit" value="Create" /&gt;
      &lt;/p&gt;
  &lt;/fieldset&gt;
  </code></pre>