Insertar contenido de Formulario en una Tabla

[TragedyCL]

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:

<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:

<table width="100%" class="tabla_gestion" id="medicamentos">
              <tr>
                <td width="11%" class="subtitulo" style="text-align:center">Medicamento</td>
                <td width="5%" class="subtitulo" style="text-align:center">Via<br />
                  Adm</td>
                <td width="10%" class="subtitulo" style="text-align:center">Frecuencia</td>
                <td width="6%" class="subtitulo" style="text-align:center">Dosis<br />
                Total</td>
                <td width="5%" class="subtitulo" style="text-align:center">Uso<br />                  
                  Frecuencia</td>
                <td width="5%" class="subtitulo" style="text-align:center">Uso<br />                  
                  Enfermeria</td>
                <td width="58%" class="subtitulo" style="text-align:center">&nbsp;</td>
              </tr>
              <tr>
                <td style="text-align:center"><label>
                  <select name="select" id="select">
                            <option>Algo 1</option>                  
                            <option>Algo 2</option>
                            <option>Algo 3</option>
                            <option>Algo 4</option>
                    </select>
                </label></td>
                <td style="text-align:center"><label>
                    <select>
                        <option>Algo 1</option>
                        <option>Algo 2</option>
                        <option>Algo 3</option>
                    </select>
                </label></td>
                <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" />
                </label></td>
                <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>
              </tr>
            </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?

[abimaelrc]

Ya este problema es más bien de javascript que de AJAX. Pero contestando tu pregunta, primero debes entender como funcionan los select con javascript. Mira este ejemplo para que sepas como recoger los datos de un select

Código Javascript:

alert(document.nombreFormulario.nombreSelect.options[document.nombreFormulario.seletectedIndex].value);
 

Lo de los campos text solo necesitas hacerlo de esta forma

Código Javascript:

alert(document.nombreFormulario.nombreTexto.value);
 

[caricatos]

Tema movido desde Ajax

[TragedyCL]

Muchisimas gracias