title: Dropdown list in mvc having some issues
body: <p>I have two models called channels and programs.. in showing the dropdown of channels and all I want is that when I select any channel, the view will show the programs of the specific channel. Problem is when I select any channel, it takes the value of channel and return it to the controller and apply filtering logic and pass the data to the new View..Although the view is executing all values properly on the browser it is not visible.. any help would be grateful.</p>
  
  <p><strong>View Code</strong>:</p>
  
  <pre><code>@model SitefinityWebApp.Mvc.Models.Channel
  @Html.DropDownListFor(m =&gt; m.Title, Model.Items, "Select Channel-", new { @id = "ddl" })
  &lt;div id="myddl"&gt;        
  &lt;/div&gt;    
  &lt;script&gt;    
  $('#ddl').change(function () {
      var selectedValue = $('#ddl').val();
      $.post('@Url.Action("GetProgramByChannel", "Channels")', { selection : selectedValue }, function (data) {
      });
  });
  &lt;/script&gt;
  </code></pre>
  
  <p><strong>GetProgramByChannel</strong> Method Taking the selected value</p>
  
  <pre><code>public ActionResult GetProgramByChannel(string selection)
  {
      var model = new ProgramsModel();
      return View("ProgramsByChannel", model.GetChildItemsOfChannel(selection));
  }
  </code></pre>
  
  <p><strong>ProgramsByChannelView</strong></p>
  
  <pre><code>@model SitefinityWebApp.Mvc.Models.Channel
  &lt;div id="ddl"&gt;
      @foreach (var item in Model.Programs)
      {
          @Html.DisplayFor(m =&gt; item.Title) &lt;br /&gt;
          @Html.DisplayFor(m =&gt; item.ShortDescription) &lt;br /&gt;
          @Html.DisplayFor(m =&gt; item.LongDescription) &lt;br /&gt;
      }
  &lt;/div&gt;
  </code></pre>