Guardar variables de un formulario

karlic0s · #1 (**permalink**) 17/03/2009, 12:54

Hola, tengo este formulario:

<form>

<select>
</select>

<select>
</select>

<input type=text>

</form>

He estado probando cosas, pero no encuentro una solución, estoy buscando una función (si se puede) que guarde los valores escritos en el formulario (sin necesidad de enviarlos, como puede ser con la funcion onkeyup en los type text y con la de onclick en los select para guardarlo automaticamente en la variable) y que luego, fuera del formulario, pueda llamar a esas variables.

document.write (variable select1)
document.write (variable select2)
document.write (variable input)

Saludos y gracias por sus respuestas

karlic0s · #2 (**permalink**) 17/03/2009, 15:18

Especifico mas...

Tengo esto:

<head>
<script type="text/javascript">
function copiar(frm) {
frm.address.value = frm.t3.value;
}

</script>
</head>

<form>
<input type=text name="t3" onkeyup="copiar(this.form)" />

<input type="text" name="address" />
</form>

Este script hace que automáticamente me escriba en "address" lo que pongo en el input t3. Ahora necesito otra función (sin perder la que tengo) que me guarde en una variable t3 y la saque fuera de la etiqueta form o bien tambien se pueda poner el input address fuera del form, asi:

<head>
<script type="text/javascript">
function copiar(frm) {
frm.address.value = frm.t3.value;
}

</script>
</head>

<form>
<input type=text name="t3" onkeyup="copiar(this.form)" />

<input type="text" name="address" />
</form>

<input type="text" name="address" />

Panino5001 · #3 (**permalink**) 17/03/2009, 17:00

No se entiende tu propósito. Si lo explicas detalladamente quizá podamos ayudarte.

karlic0s · #4 (**permalink**) 17/03/2009, 17:10

Explico mejor, por motivos de un motor de busqueda en ajax para un api de google maps tengo un formulario, ahora bien, las variables del formulario de los distintos campos quiero sacarlas sin necesidad de actualizar la pagina fuera del formulario, para poder utilizarlas en otro formulario fuera de este, explico el esquema:

<form name=form_googlemaps>
campo_1 (input type text) variable1
campo_2 (select) variable2
campo_3 (select) variable3
</form>

Quiero un script, que sin necesidad de actualizar la pagina, con los eventos, por ejemplo, onkeyup en los type text y onclick en los select me saque dichas variables fuera del formulario al instante, para asi poder crear otro formulario con esos valores para poder enviarlo mediante post por php

<form name=form_googlemaps>
campo_1 (input type text) variable1
campo_2 (select) variable2
campo_3 (select) variable3
</form>

<form method post>
campo_1 (hidden) value= variable1
campo_2 (hidden) value=variable2
campo_3 (hidden) value=variable3
</form>

Con el siguiente script consigo llenar un campo oculto con otro campo con el evento onkeyup, pero no consigo sacarlo del formulario este campo oculto, ya que si lo saco, no funciona:

Código HTML:

<head>
<script type="text/javascript">
function copiar(frm) {
frm.address.value = frm.t3.value;
}

</script>
</head>

<form>
<input type=text name="t3" onkeyup="copiar(this.form)" />

<input type="text" name="address" />
</form>

Espero que asi quede mejor explicada mi inquietud.

Saludos y gracias por su lectura.

Panino5001 · #5 (**permalink**) 17/03/2009, 17:56

No necesitás ninguna función para eso, ni siquera otro formulario. Cuando necesites enviar tu petición con AJAX, recogés los valores de los campos que quieras con:

Código PHP:

  document.getElementById('atributoIdDelCampo').value;

(Asegurate de que los campos tengan, además de su atibuto name, un atributo id para referenciarlos de esa manera)

karlic0s · #6 (**permalink**) 18/03/2009, 04:01

Edito: he hecho algo así, pero no funciona, aquí pongo el código:

Código PHP:

  //form ajax:
<form name="form_mapa" action="#" onsubmit=" showAddress(this.address.value, this.zoom.value=parseFloat(this.zoom.value)); return false">

<input id="t3" type=text name="t3" />

</form>


<script type="text/javascript">

    var myTextField1 = document.getElementById('t3');

}
</script>

//form php:
<FORM ACTION="procesa.php" method="post">


      <input type="hidden" name="titulo" maxlength="20" value="document.write(myTextField1.value)" /><br><br>

   
      <input type="submit" value="Publicar"><br><br>
      </form>

Panino5001 · #7 (**permalink**) 18/03/2009, 04:36

Entonces es más de lo mismo:

Código:

<script>
function copiar(){
document.getElementById('ejemplo').value=document.getElementById('atributoIdDelCampoCopiado').value;
return true;
}
</script>
<form name="segundo" onsubmit="return copiar()">
<input type="hidden" id="ejemplo" />

karlic0s · #8 (**permalink**) 18/03/2009, 04:56

Solucionado!!!

Muchiiisimas gracias por tu dedicación con el tema y siento el ser "pesado" si lo he sido, no queria serlo, pero este script me tenia completamente perdido (y era lo mas tonto del mundo ¬¬).

Saludos