title: Update view based on drop down list selection
body: <p>Sorry if my question header isn't really clear as I don't know how to summarize it well. </p>
  
  <p>So my scenario here is to provide a list of <code>checkbox</code> selections for the user to select. This list of selections will vary based on the <code>dropdownlist</code> selection. So far, this is my implementation but I don't really know how to manipulate the list of selections from the view using jquery:</p>
  
  <p><strong>View:</strong></p>
  
  <pre><code>        &lt;div class="form-group"&gt;
          @Html.LabelFor(model =&gt; model.moduleID, htmlAttributes: new { @class = "control-label col-md-2" })
              &lt;div class="col-md-10"&gt;
              @Html.DropDownListFor(model =&gt; model.moduleID, new SelectList(Model.ModuleList, "value", "text"),
       "- Please select a Module -", new { @onchange = "PopulateObj()", @class = "form-control" })
              &lt;/div&gt;
          &lt;/div&gt;
  
          &lt;table class="table"&gt;
          @for (int i = 0; i &lt; Model.ObjectiveList.Count(); i++)
          {
              &lt;tr&gt;
                  &lt;td&gt;
                      @Html.CheckBoxFor(model =&gt; model.ObjectiveList[i].isAssigned)
                      @Html.DisplayFor(model =&gt; model.ObjectiveList[i].text)
                      @Html.HiddenFor(model =&gt; model.ObjectiveList[i].text)
                  &lt;/td&gt;
              &lt;/tr&gt;
          }
      &lt;/table&gt;
  </code></pre>
  
  <p><strong>Script:</strong></p>
  
  <pre><code>    &lt;script&gt;
          function PopulateObj() {
              var moduleID = $('#moduleID').val();
              //implementation to change Model.ObjectiveList
          }
      &lt;/script&gt;
  </code></pre>
  
  <p>Basically, I would like to get the <code>model.moduleID</code> from the <code>dropdownlist</code> selection and then populate the <code>Model.ObjectiveList</code> with data based on the <code>model.moduleID</code>. How should I do this?</p>