title: How to populate a @Html.DropDownList after selecting another @Html.DropDownList
body: <p>DropDownList with some Categories loaded and i need to populate another @Html.DropDownList depending on the option selected on the 1st dropdown.</p>
  
  <p>This is the code I use to populate the 1st dropdown:</p>
  
  <p>On the Controller:</p>
  
  <pre><code>        TecnicService ListCategory = new TecnicService();
          IList&lt;Category&gt; resultCat = ListCategory.GetCategory();
  
          List&lt;SelectListItem&gt; CatDropDown = new List&lt;SelectListItem&gt;();
  
          foreach (Category in resultadoCat)
          {
              CatDropDown.Add(new SelectListItem
              {
                  Value = a.Id.ToString(),
                  Text = a.Name.ToString()
              });
          }
  </code></pre>
  
  <p>On the View:</p>
  
  <pre><code>  @model APP.Models.DataViewModel  
      @using (Html.BeginForm("NewPol", "Tecnic", null, FormMethod.Post, new { id = "pol-data-form", @class = "form-horizontal" }))
      {
      &lt;div class="control-group"&gt;
               &lt;label for="category" class="control-label"&gt;Category&lt;/label&gt;              
               &lt;div class="controls"&gt;
                    @Html.DropDownList("BasicData", Model.Category, new { @class= "required", name="category"})
               &lt;/div&gt;               
          &lt;/div&gt;    
          &lt;div class="control-group"&gt;
               &lt;label for="ram" class="control-label"&gt;Ram&lt;/label&gt;
                &lt;div class="controls"&gt;
                    @Html.DropDownList() WHAT DO I DO HERE???????
                &lt;/div&gt;
          &lt;/div&gt;
  .
  .}
  </code></pre>
  
  <p>I get the data through a service which returns a List, now I need to populate the 2nd dropdown depending on the selection of the 1st dropdown.</p>