title: open modal after form submit, i dont know ajax :(
body: <p>I am trying to send data from a form to a modal to verify the data and after proced to send, but this part of the data needs the post from thr form, and this one is not working when it call the modal, I do not know how to use ajax can someone give me a way to go with this thank you</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/&gt;
  &lt;script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"&gt;&lt;/script&gt;
  &lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"&gt;&lt;/script&gt;
  
  &lt;?php
  if ($_POST) {
  
    $amount = $_POST['precio']*100; 
       echo $amount;
       $miObj-&gt;setParameter("DS_MERCHANT_AMOUNT",$amount);
  
   }
  ?&gt;
  &lt;form data-toggle="modal" data-target="#myModal" method="POST" action="" &gt;
  
     &lt;input name="precio" id="precio" /&gt;
     &lt;input  class="btn btn-info" type="submit" &gt;
  &lt;/form&gt;
  
  
  
  &lt;div class="container"&gt;
  
     
  
    &lt;div class="modal fade" id="myModal" role="dialog"&gt;
  
   
  
      &lt;div class="modal-dialog"&gt;
      
        &lt;!-- Modal content--&gt;
        &lt;div class="modal-content"&gt;
          &lt;div class="modal-header"&gt;
            &lt;button type="button" class="close" data-dismiss="modal"&gt;&amp;times;&lt;/button&gt;
            &lt;h4 class="modal-title"&gt;Confirma tu compra&lt;/h4&gt;
          &lt;/div&gt;
          &lt;div class="modal-body"&gt;
            &lt;div id="imagen"&gt;IMAGEN COMPRA&lt;/div&gt;
            &lt;img src="" alt="mando"&gt;
            &lt;div class="details-area" id="detailsArea"&gt;
     &lt;h1 style="color:#007acc"&gt;Opciones Seleccionadas&lt;/h1&gt;  
    &lt;/div&gt;
                   &lt;div class="form-group"&gt;
                    &lt;label for="nombre"&gt;Nombre:&lt;/label&gt;
                    &lt;input type="name" class="form-control" id="nombre"&gt;
                  &lt;/div&gt;
                   &lt;div class="form-group"&gt;
                    &lt;label for="apellido"&gt;Apellido&lt;/label&gt;
                    &lt;input type="name" class="form-control" id="Apellido"&gt;
                  &lt;/div&gt;
                   &lt;div class="form-group"&gt;
                    &lt;label for="direccion"&gt;Dirección&lt;/label&gt;
                    &lt;input type="address" class="form-control" id="direccion"&gt;
                  &lt;/div&gt;
                  &lt;div class="form-group"&gt;
                    &lt;label for="telefono"&gt;Telefono&lt;/label&gt;
                    &lt;input type="phone" class="form-control" id="telefono"&gt;
                  &lt;/div&gt;
                  &lt;div class="form-group"&gt;
                    &lt;label for="email"&gt;Email address:&lt;/label&gt;
                    &lt;input type="email" class="form-control" id="email"&gt;
                  &lt;/div&gt;
               
              &lt;div align="right"&gt; &lt;h3&gt;Total Compra &lt;span id="AddToCartPriceID2"&gt;&amp;nbsp $00.00&lt;/span&gt;&lt;/h3&gt;&lt;/div&gt;
                
          &lt;/div&gt;
  
           
  
          &lt;div class="modal-footer"&gt; 
      
      &lt;form name="frm" action="https://sis-t.redsys.es:25443/sis/realizarPago" method="POST" target="_blank" style="margin-top:10px"&gt;
             &lt;input  name="DS_MERCHANT_AMOUNT" value="&lt;?php echo $amount; ?&gt;"/&gt;&lt;/br&gt;
       &lt;input type="hidden" name="Ds_SignatureVersion" value="&lt;?php echo $version; ?&gt;"/&gt;&lt;/br&gt;
       &lt;input type="hidden" name="Ds_MerchantParameters" value="&lt;?php echo $params; ?&gt;"/&gt;&lt;/br&gt;
       &lt;input type="hidden" name="Ds_Signature" value="&lt;?php echo $signature; ?&gt;"/&gt;&lt;/br&gt;
       &lt;button type="submit" class="btn btn-default" &gt;Confirmar&lt;/button&gt;
             &lt;button type="button" class="btn btn-default" data-dismiss="modal"&gt;Close&lt;/button&gt;
            &lt;/form&gt;
  
          &lt;/div&gt;
  
       
  
        &lt;/div&gt;
        
      &lt;/div&gt;
    &lt;/div&gt;
    
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>