Buenas,
Lo que quiero realizar seguramente no es de mayor complejidad para alguien entedido en Ajax pero a mi me ha significado un gran dolor de cabeza... tengo el siguiente caso:
Tengo un formulario con 6 items de distinto tipo (Select, Checkbox, Input) y lo que quiero es que al momento de presionar el boton "+" me agregue los datos seleccionados por el usuario en una tabla. Ademas, cada fila de la tabla tenga un boton "-" que permita eliminar la fila correspondiente...
Llevo lo siguiente del codigo:
Código Javascript
:
Ver original<script language="javascript">
function agrega_celda(id){
var tbody = document.getElementById
(id).getElementsByTagName("TBODY")[0];
var row = document.createElement("TR")
var td1 = document.createElement("TD")
td1.appendChild(document.createTextNode("columna 1"))
var td2 = document.createElement("TD")
td2.appendChild (document.createTextNode("columna 2"))
var td3 = document.createElement("TD")
td3.appendChild (document.createTextNode("columna 3"))
var td4 = document.createElement("TD")
td4.appendChild (document.createTextNode("columna 4"))
var td5 = document.createElement("TD")
td5.appendChild (document.createTextNode("columna 5"))
var td6 = document.createElement("TD")
td6.appendChild (document.createTextNode("columna 6"))
row.appendChild(td1);
row.appendChild(td2);
row.appendChild(td3);
row.appendChild(td4);
row.appendChild(td5);
row.appendChild(td6);
tbody.appendChild(row);
}
</script>
Código HTML:
Ver original<table width="100%" class="tabla_gestion" id="medicamentos"> <td width="11%" class="subtitulo" style="text-align:center">Medicamento
</td> <td width="5%" class="subtitulo" style="text-align:center">Via
<br /> <td width="10%" class="subtitulo" style="text-align:center">Frecuencia
</td> <td width="6%" class="subtitulo" style="text-align:center">Dosis
<br /> <td width="5%" class="subtitulo" style="text-align:center">Uso
<br /> <td width="5%" class="subtitulo" style="text-align:center">Uso
<br /> <td width="58%" class="subtitulo" style="text-align:center"> </td> <td style="text-align:center"><label> <select name="select" id="select"> <td style="text-align:center"><label> <td style="text-align:center"><input name="textfield2" type="text" id="textfield2" size="4" /></td> <td style="text-align:center"><input name="textfield3" type="text" id="textfield3" size="4" /></td> <td style="text-align:center"><input name="textfield4" type="text" id="textfield4" size="4" /></td> <td style="text-align:center"><label> <input type="checkbox" name="checkbox" id="checkbox" /> <td style="text-align:center"> <a href="javascript:agrega_celda('medicamentos')"><img src="img/agregar.png" width="15" alt="Agregar" title="Agregar Medicamento"/></a> <img src="img/quitar.png" width="15" alt="Quitar" title="Quitar Medicamento"/></td>
El problema esta en que no se como rescatar en "Columna 1, Columna 2, Columna 3, etc" el valor de lo seleccionado/ingresado en el formulario superior.
Alguien me da una mano?