tengo una tabla dinamica que se compone de 3 campos, cuando los lleno en sus respectivos campos tengo un boton de agregar que eso inserta una nueva fila a la tabla con esos datos.
Código HTML:
<form id="cotizacion" name="cotizacion" method="post" action=""> Usuario: <b><?php echo $_SESSION["login"];?></b> <?php echo $tiempo;?> <table cellpadding="0" cellspacing="0" border="0" align="center"> <tr> <td>Destino:</td><td><input type="text" id="destino" name="destino" value="" /></td> <td>Hotel:</td><td><input type="text" id="hotel" name="hotel" value="" /></td> <td>Tipo de Plan:</td><td><input type="text" id="plan" name="plan" value="" /></td> </tr> </table> <input type="button" value="Agregar" onClick="addElement()" /> <input type="submit" value="Continuar" name="Continuar" /> </form>
Código:
Mi duda es, como puedo hacer que cuando el usuario el de click al boton de continuar que es submit, me inserte los n elementos que estan dentro de la tabla en una base de datos donde mi tabla se compone de esos 3 elementos mas 1 id unicofunction addElement() { var destino = document.getElementById("destino").value; var hotel = document.getElementById("hotel").value; var plan = document.getElementById("plan").value; var table = document.getElementById("main_table").getElementsByTagName("TBODY")[0]; var new_row = document.createElement("tr"); var destino_TD = document.createElement("td"); var hotel_TD = document.createElement("td"); var plan_TD = document.createElement("td"); destino_TD.appendChild(document.createTextNode(destino)); hotel_TD.appendChild(document.createTextNode(hotel)); plan_TD.appendChild(document.createTextNode(plan)); new_row.appendChild(destino_TD); new_row.appendChild(hotel_TD); new_row.appendChild(plan_TD); table.appendChild(new_row); }
saludos