title: Update a select list in a partial view
body: <p>I have the following markup on my page</p>
  
  <pre><code>&lt;td colspan="2"&gt;
      &lt;table border="0" cellpadding="3" cellspacing="1" width="100%"&gt;
      &lt;tr&gt;&lt;td colspan="2"&gt;&lt;%= Html.LabelFor(model =&gt; model.CustomerID)%&gt;&lt;/td&gt;&lt;/tr&gt;
      &lt;tr&gt;
          &lt;td width="85%"&gt;
              &lt;%= Html.DropDownListFor(model =&gt; model.CustomerID, Model.CustomerList, new { id = "customerSelect", style = "width: 380px" })%&gt;
              &lt;%= Html.ValidationMessageFor(model =&gt; model.CustomerID, "*")%&gt;
          &lt;/td&gt;
          &lt;td width="15%"&gt;&lt;button id="btnAddCustomer" style="font-size: 0.7em;"&gt;Add new Customer&lt;/button&gt;&lt;/td&gt;
      &lt;/tr&gt;
      &lt;/table&gt;
  &lt;/td&gt;
  </code></pre>
  
  <p>When the user click on the <code>btnAddCustomer</code> a modal dialog is open with the form to add a new customer. It compile the form  and then press the save button. </p>
  
  <p>How can I refresh the select element to include the latest added customer and select it?</p>
  
  <p>Should I use ajax?</p>