Ver Mensaje Individual
  #1 (permalink)  
Antiguo 08/01/2010, 12:11
TragedyCL
 
Fecha de Ingreso: enero-2010
Mensajes: 39
Antigüedad: 14 años, 3 meses
Puntos: 1
Exclamación Insertar contenido de Formulario en una Tabla

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
  1. <script language="javascript">
  2. function agrega_celda(id){
  3.     var tbody = document.getElementById
  4.     (id).getElementsByTagName("TBODY")[0];
  5.     var row = document.createElement("TR")
  6.     var td1 = document.createElement("TD")
  7.     td1.appendChild(document.createTextNode("columna 1"))
  8.     var td2 = document.createElement("TD")
  9.     td2.appendChild (document.createTextNode("columna 2"))
  10.     var td3 = document.createElement("TD")
  11.     td3.appendChild (document.createTextNode("columna 3"))
  12.     var td4 = document.createElement("TD")
  13.     td4.appendChild (document.createTextNode("columna 4"))
  14.     var td5 = document.createElement("TD")
  15.     td5.appendChild (document.createTextNode("columna 5"))
  16.     var td6 = document.createElement("TD")
  17.     td6.appendChild (document.createTextNode("columna 6"))
  18.    
  19.     row.appendChild(td1);
  20.     row.appendChild(td2);
  21.     row.appendChild(td3);
  22.     row.appendChild(td4);
  23.     row.appendChild(td5);
  24.     row.appendChild(td6);
  25.     tbody.appendChild(row);
  26. }
  27. </script>

Código HTML:
Ver original
  1. <table width="100%" class="tabla_gestion" id="medicamentos">
  2.               <tr>
  3.                 <td width="11%" class="subtitulo" style="text-align:center">Medicamento</td>
  4.                 <td width="5%" class="subtitulo" style="text-align:center">Via<br />
  5.                   Adm</td>
  6.                 <td width="10%" class="subtitulo" style="text-align:center">Frecuencia</td>
  7.                 <td width="6%" class="subtitulo" style="text-align:center">Dosis<br />
  8.                 Total</td>
  9.                 <td width="5%" class="subtitulo" style="text-align:center">Uso<br />                 
  10.                   Frecuencia</td>
  11.                 <td width="5%" class="subtitulo" style="text-align:center">Uso<br />                 
  12.                   Enfermeria</td>
  13.                 <td width="58%" class="subtitulo" style="text-align:center">&nbsp;</td>
  14.               </tr>
  15.               <tr>
  16.                 <td style="text-align:center"><label>
  17.                   <select name="select" id="select">
  18.                             <option>Algo 1</option>                  
  19.                             <option>Algo 2</option>
  20.                             <option>Algo 3</option>
  21.                             <option>Algo 4</option>
  22.                     </select>
  23.                 </label></td>
  24.                 <td style="text-align:center"><label>
  25.                     <select>
  26.                         <option>Algo 1</option>
  27.                         <option>Algo 2</option>
  28.                         <option>Algo 3</option>
  29.                     </select>
  30.                 </label></td>
  31.                 <td style="text-align:center"><input name="textfield2" type="text" id="textfield2" size="4" /></td>
  32.                 <td style="text-align:center"><input name="textfield3" type="text" id="textfield3" size="4" /></td>
  33.                 <td style="text-align:center"><input name="textfield4" type="text" id="textfield4" size="4" /></td>
  34.                 <td style="text-align:center"><label>
  35.                   <input type="checkbox" name="checkbox" id="checkbox" />
  36.                 </label></td>
  37.                 <td style="text-align:center">
  38.                     <a href="javascript:agrega_celda('medicamentos')"><img src="img/agregar.png" width="15" alt="Agregar" title="Agregar Medicamento"/></a>
  39.                     <img src="img/quitar.png" width="15" alt="Quitar" title="Quitar Medicamento"/></td>
  40.               </tr>
  41.             </table>












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?