title: On click of a button display different partial views in a particular div on condition
body: <pre><code>&lt;div class="col-md-12" id="bindpartialviews"&gt;
      @Html.Partial("_ReportHD")
  &lt;/div&gt;
  </code></pre>
  
  <p>Is it possible to bind different partial views based on condition onclick of a button in the above div?</p>
  
  <p>My ajax method are as below:</p>
  
  <pre><code>$.ajax({
          cache: false,
          type: "GET",
          url: yourApp.Urls.GetAllReports,
          data: { SearchValue: searchval },
          success: function (result) {
              $("#bindpartialviews").html(result);                
          }
      });
  </code></pre>
  
  <p>I Have two different partial views(It may increase in no.). 
  1) _ReportHD.cshtml
  2) _ReportSD.cshtml</p>
  
  <p>In my form I have a dropdown. Based on the selected value, it will load different partial view on click of a single button.</p>
  
  <p>I have used ASP.Net MVC 4,JQuery. Any help is welcome.</p>