title: how to send a form that contains another form
body: <p>I have a form that contains another form.
  the first form sends data to the action indicated in the beginform which the particular form it contains.
  The second form ( contained in the first ) is a list that on change event,  exchange a picture, this works .
  but the first form is not sent yet.</p>
  
  <p>how can I do to submit the first form normaly and the second with the javascript on change ?</p>
  
  <pre><code>@using (Html.BeginForm("VCreateCommande", "CCommande", new {id="formretouche"}, FormMethod.Post, new { enctype = "multipart/form-data" }))
  {
      var imagedefaut = "";
      @Html.AntiForgeryToken()
      &lt;h4&gt;Retouchephoto&lt;/h4&gt;
      &lt;hr /&gt;
      @Html.ValidationSummary(true, "", new { @class = "text-danger" })
  &lt;div class="form-group ilnblk"&gt;
      &lt;div class="control-label col-md-2 fltleft"&gt;Type de retouche&lt;/div&gt;
      &lt;div class="col-md-10 fltleft"&gt;
          @using (Html.BeginForm("VCreateCommande", "CCommande", FormMethod.Post, new { enctype = "multipart/form-data" }))
          {
              @Html.DropDownListFor(model =&gt; model.Ttyperetouche.Idtyperetouche, new SelectList(
                        Model.Ttyperetouches, "Idtyperetouche", "libelle", ViewData["Idtyperetouche"]), new { @onchange = "this.form.submit()" })
          }        &lt;/div&gt;
      &lt;div class="fltleft imagemodele"&gt;
          @if (ViewData["Idtyperetouche"] != null)
          {
              foreach (var typeretouche in Model.Ttyperetouches)
              {
                  if (typeretouche.Idtyperetouche.ToString() == ViewData["Idtyperetouche"].ToString())
                  {
                      imagedefaut = typeretouche.SRCtyperetouche;
                  }
              }
          }
          else
          {
              imagedefaut = Model.Ttyperetouches.First().SRCtyperetouche;
          }
          &lt;img src="@imagedefaut" /&gt;
      &lt;/div&gt;
  &lt;/div&gt;
      &lt;div class="form-group"&gt;
          &lt;div class="control-label col-md-2"&gt;Support papier&lt;/div&gt;
          &lt;div class="col-md-10"&gt;
              @Html.CheckBoxFor(model =&gt; model.Tretouche.Supportpapier, new { htmlAttributes = new { @class = "form-control" } })
              @Html.ValidationMessageFor(model =&gt; model.Tretouche.Supportpapier, "", new { @class = "text-danger" })
          &lt;/div&gt;
      &lt;/div&gt;
      &lt;div class="form-group"&gt;
          &lt;div class="control-label col-md-2"&gt;Quantité&lt;/div&gt;
          &lt;div class="col-md-10"&gt;
              @Html.EditorFor(model =&gt; model.Tretouche.Quantite, new { htmlAttributes = new { @class = "form-control" } })
              @Html.ValidationMessageFor(model =&gt; model.Tretouche.Quantite, "", new { @class = "text-danger" })
          &lt;/div&gt;
      &lt;/div&gt;
      &lt;div class="form-group"&gt;
          &lt;div class="control-label col-md-2"&gt;Photo...&lt;/div&gt;
          &lt;div class="col-md-10"&gt;
              @Html.TextBoxFor(model =&gt; model.Tretouche.fichierphoto, new { type = "file" })
          &lt;/div&gt;
      &lt;/div&gt;
      &lt;div class="form-group"&gt;
          &lt;div class="col-md-offset-2 col-md-10"&gt;
              @{
          String onclick = String.Format("Submit(this)",
              Html.Encode(ViewBag.returnUrl));
              }
              &lt;input type="button" id="btnsubmitretouche" value="Ajouter1" onclick="@onclick" /&gt;
              &lt;input type="submit" value="Ajouter" class="btn btn-default"/&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  }
  </code></pre>