title: How to add new option to drop down list in MVC Razor View?
body: <p>I have 2 dropdown lists in MVC 3 razor view like this:</p>
  
  <pre><code>@Html.DropDownListFor(m =&gt; m.UserGroups, Model.UserGroups.Select(x =&gt; new SelectListItem() { Text = x.Name, Value = x.Id }), new { @class="pad5" })
  </code></pre>
  
  <p>They work fine. I have 3 changes to make -</p>
  
  <p>1) First one needs a new option to be added at the top of this list.</p>
  
  <pre><code>&lt;option value=""&gt;--pick--&lt;/option&gt;
  </code></pre>
  
  <p>2) And the second one needs to select a specific option upon load. 
  Say I want to pre-select this option on my second list.</p>
  
  <pre><code>&lt;option value="100"&gt;My Friends&lt;/option&gt;
  </code></pre>
  
  <p>3) both dropdowns have same data source. This causing both list to have same name on the form. How do I change the name?</p>
  
  <p>I am able to change the id, but the name seems not changing if I add this to the end:</p>
  
  <pre><code>new { @id="ViewGroup", @name="ViewGroup"}
  </code></pre>