[SOLUCIONADO] Pasar datos de un formulario a otro de un combobox

dazbellboy · #1 (**permalink**) 12/03/2013, 18:47

Hola. Lo que sucede es que debo pasar información de un formulario a otro, sin embargo me queda la gran duda de como pasar la información de un combobox (select) desde un formulario a otro por un metodo "get".
Basicamente el código que poseo en el javascript es asì:
<html>
<head>
<title>Formulario Factura terminada</title>
<script language="javascript" type="text/javascript">
function captura() {
var nuevo = location.search;
var llega = nuevo.split("&");
var ho1 = llega[0].substr(8, llega[0].length);
var ho2 = llega[1].substr(9, llega[1].length);
var ho3 = llega[2].substr(9, llega[2].length);
document.recibes.nombres.value=ho1;
document.recibes.apellido.value=ho2;
document.recibes.apellido.value=ho2;
}
</script>
Asi paso los campos de texto pero no hallo información para pasar desde un "select". Alguno puede ayudarme??

emprear · #2 (**permalink**) 12/03/2013, 19:21

Primero, esa función que usas para parsear una query string no se si te va a funcionar.
Luego, a que te referis a pasar desde un select?, será pasar a un select en un segundo form uno de los valores de la query, y de ser asi, que es concretamente, crear esa <option> en el select dinamicamente, o posicionar el indice del select en la opción previamente definida? bueno, no entiendo mucho.
De todas maneras te dejo un ejemplo que a lo mejor te orienta

Código HTML:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>titulo</title> 
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<script type="text/javascript">
//<![CDATA[
function seleccionar(){
var pos = 0;
var valor = document.getElementById('numero').value;
var sel = document.getElementById('opciones');
for(var i = 0; i < sel.options.length; i++){
if(sel.options[i].value == valor ){
pos = i;
}
}
sel.options[pos].selected = true;
}
//]]>
</script>
</head>
<body>
<form action="#">
<input type="text" value="" id="numero">
<input type="submit" onclick="seleccionar(); return false;" value="posicionar select" />
<select id="opciones">
<option value="valor_1">valor 1</option>
<option value="valor_2">valor 2</option>
<option value="valor_3">valor 3</option>
<option value="valor_4">valor 4</option>
</select>
</form>
</body>
</html>

en el campo de texto escribí sucesivamente
valor_1
valor_2
valor_3
valor_4

SAludos

dazbellboy · #3 (**permalink**) 12/03/2013, 19:42

Hola emprear, tienes razón, es pasar un valor seleccionado del combobox a otro formulario, sin embargo lo que intento hacer es un poco mas simple que eso...
digamos que tengo un combobox en un formulario "X" y un cuadro de texto en un formulario "Y", si selecciono algo en el combobox y lo trato de imprimir en el cuadro de texto me va a salir algo que me dice: " ?options=Bogota " (por ejemplo). Para imprimir el dato limpio uso el codigo del split y el substr, para eliminar la parte que no quiero que sea impresa. Como son bastantes datos sucede que todo me funciona a la perfección, hasta ese punto...la información del combobox me la esta ignorando y me imprime el siguiente campo del formulario "X". No se la verdad si me estoy haciendo entender a demas que el formulario que tengo es bastante extenso.

emprear · #4 (**permalink**) 12/03/2013, 20:18

Cita:

Iniciado por dazbellboy

Hola emprear, tienes razón, es pasar un valor seleccionado del combobox a otro formulario, sin embargo lo que intento hacer es un poco mas simple que eso...
digamos que tengo un combobox en un formulario "X" y un cuadro de texto en un formulario "Y", si selecciono algo en el combobox y lo trato de imprimir en el cuadro de texto me va a salir algo que me dice: " ?options=Bogota " (por ejemplo). Para imprimir el dato limpio uso el codigo del split y el substr, para eliminar la parte que no quiero que sea impresa. Como son bastantes datos sucede que todo me funciona a la perfección, hasta ese punto...la información del combobox me la esta ignorando y me imprime el siguiente campo del formulario "X". No se la verdad si me estoy haciendo entender a demas que el formulario que tengo es bastante extenso.

Aun tengo dudas, ya de por si partamos de la base que ambos forms están en diferentes páginas (si no no estarias haciendo get)

form x en página a

<form action="paginab.html">
<input type="nombre" name="nombre" value="juan">
<select name="color">
<option value="rojo">rojo</option>
<option value="azul">azul</option>
</select>
<input type="submit">
</form>
supongamos que juan eligió azul
cuando hagas el submit, pagina b va a recibir
paginab.html?nombre=juan&color=azul

hasta ahi no hay mucho secreto, lo que está en name y valor contruyen los parámetros de la query (tu location.search), no hay diferencia entre un input text y un select, ahora teresta que el javascript en la página b coloque cada valor en el value del campo correspondiente

Para analizar lo que recibís por get, te dejo una función

Código HTML:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>titulo</title> 
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<script type="text/javascript">
//<![CDATA[
/* Recibir variables */
/* Esta función transforma en variables cualquier parámetro pasado por get /*
/* Una vez llamada al inicio de la página puede recuperar el valor simplemente usando document.write(nombre_del_parametro) */
 
/* Recibir las variables pasadas por get */
function RecibirVariablesJs(qs){
var s="";for(var i=0;i<qs.length;i++){if(qs.substring(i,i+1)=="+"){s=s+" ";}else{s=s+qs.substring(i,i+1);
}}return s;}var c=eval('"'+document.location+'"');var n,m,o;var variable;var valor;n=c.indexOf("?");
if(n==-1){}else{while(n<c.length){m=c.indexOf("=",n);variable=c.substring(n+1,m);o=c.indexOf("&",m);if(o==-1){o=c.length;}
valor=unescape(RecibirVariablesJs(c.substring(m+1,o)));eval ("var "+variable+"='"+valor+"';");n=o;}}
 
 
//demo recibir_variables.html?nombre=juan&apellido=gonzales
alert(nombre);
alert(apellido);
 
window.onload = function(){
document.forms[0].nombre.value = nombre;
document.forms[0].apellido.value = apellido;
}
//]]>
</script>
</head>
<body>
<form action="#">
nombre<input type="text" name="nombre" /><br />
apellido<input type="text" name="apellido" />
</form>
</body>
</html>

no confundas nombre y apellido como identificadores de los campos del form con los nombres de las variables (podés usar otros nombres para no liarte)

Saludos

dazbellboy · #5 (**permalink**) 13/03/2013, 18:19

Hey emprear gracias...me sirvió muchisimo tu ayuda, resolví muchisimas dudas...
recuerdas el campo que te dije que el programa me estaba ignorando??
esta tarde me puse a cacharrear con el y resulta que se estaba saltando un campo de tipo date por ende lo quité y siguio recibiendo la información perfectamente...ahora me resta resolver el problema de pasar el date limpio y listo.
Gracias de verdad