que tal a todos haber si alguien puede echarme la mano con esta duda
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>
y esta es mi funcion que agrega nuevo elemento a la tabla
Código:
function 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);
}
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 unico
saludos