Duda sobre form e input

Stack Overflow en español Asked on December 30, 2021

Es posible enviar desde un index.html, un solo input de tipo submit, un form (formulario) hacia dos paginas PHP diferentes?
(Un botón que envía la misma información a dos páginas PHP)
De ser así, ¿cómo se debe hacer?

Código html:

<form name="buscar" action="valor.php" action="buscar2.php" method="POST" id="myform">
    <div class="block1">
    <label>Selecciona Nombre</label>
    <br>
    <select id="caja1" name="caja1"></select>
    </div>

    <div class="block2">
    <label>Selecciona Valor</label>
    <br>
    <select id="caja2" name="caja2"></select>
    </div>

    <div class="block3">
    <input type="submit" name="Mostrar" value="Mostrar">
    </div>
</form>

html javascript php

One Answer

$(function() {
  $("#btnEnviar").click(function(event) {
    /*Evita que se recargue la página*/
    event.preventDefault();
    /* Serializamos en una sola variable ambos formularios*/
    var allData = $("#formA, #formB").serialize();
    /*Prueba*/
    console.log(allData);
    /*Podemos usar allData para enviarlo por Ajax o lo que sea*/
  });
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<h1>primer formulario</h1>
<form id="formA" action="#" method="POST">
  <label for="Nombre"></label>
  <input type="text" id="NombreA" name="NameA" placeholder="Escriba su nombre">
  <label for="Peso"></label>
  <input type="text" id="PesoA" name="PesoA" placeholder="Peso">
</form>


<h1>Segundo Formulario</h1>
<form id="formB" action="#" method="POST">
  <label for="Nombre"></label>
  <input type="text" id="NombreB" name="NameB" placeholder="Nombre">
  <label for="Nombre"></label>
  <input type="text" id="PesoB" name="PesoB" placeholder="Escriba su correo">
</form>

<button class="Send" id="btnEnviar">Enviar</button>

Answered by Alberto Julio Arce Escolar on December 30, 2021

Add your own answers!

Ask a Question

Get help from others!