title: Razor view send dropdown value with ajax
body: <p>I want to send value of my dropdownlist </p>
  
  <pre><code>     @Html.DropDownListFor(model =&gt; model.selection, Model.liste_selection, new {@id="Selection", @class = "form-control" })
  </code></pre>
  
  <p>with this ajax post </p>
  
  <pre><code>&lt;script&gt;
  $('#valider').on("click",function () {
  
  
      $.ajax({
          url: '@Url.Action("Executer", "Requete")',
          type: "POST",
          data: { id: $('#Selection').val() },
          success: function (result) {
              $('#ajaxDisplay').html(result);
          }
      });
  
  });
  </code></pre>
  
  <p></p>
  
  <p>But the value of my dropdown list doenst reach controller it goes null</p>
  
  <p>Here is my controller   </p>
  
  <pre><code>   [HttpPost]
      public ActionResult Executer(RequeteOptimise ro, string Command)
      {
  
          Session["dateDebutReq"] = ro.begin.ToString("dd/MM/yyyy", CultureInfo.InvariantCulture);
          Session["dateFinReq"] = ro.end.ToString("dd/MM/yyyy", CultureInfo.InvariantCulture);
          if (ro.selection.Contains("Tous"))
          {
              var viewModel = new RequeteOptimise
              {
                  nombre = rr.callReqCount(ro)
              };
  
              return PartialView("../utilities/Nombre", viewModel);
          }
  </code></pre>