Error con $_REQUEST y valores generados con JavaScript en un formulario

nec · #1 (**permalink**) 05/10/2011, 14:06

Cordial saludo a todos.

La situación en la cual les solicito ayuda es la siguiente.

Tengo un formulario en el cual el usuario agrega datos dinámicamente, uno de ellos es un <select> que llamé ListaElementos. básicamente la idea es que seleccione de otra lista de paises varios de ellos y los va agregando a la lista elementos con una función JavaScript, lo cual lo consigo con éxito con este código:

var lista=document.getElementById("ListaElementos");
var elemento=document.createElement("option");
elemento.setAttribute('value', idPais);
var contenido=document.createTextNode(Pais);
elemento.appendChild(contenido);

El problema radica es que cuando hago el submit y quiero ver los valores recibidos en el archivo PHP con la instrucción:

print_r($_REQUEST);

sólamente me muestra los valores de los input escritos directamente por el usuario, por ejemplo nombre o apellido. también tengo un calendario en javascript que alimenta una caja de texto exitósamente y tampoco pasa el valor a la página PHP.

¿Alguna vez les ha pasado algo similar?
¿alguna sugerencia?
¿Les agradezco su colaboración?

nec · #2 (**permalink**) 05/10/2011, 14:09

antes de enviar la info al archivo php comprobé así su contenido...

var lista=document.getElementById("ListaElementos");
for (i=0;i<=lista.length-1; i++)
alert (lista.options[i].text);

y todos los valores se muestran, pero lo que estoy sospechando es que los valores agregados dinámicamete no los ve PHP....

será?

socialk · #3 (**permalink**) 06/10/2011, 14:28

esos option van seleccionados? si estan dentro de un select solo te va a llegar el valor del option seleccionado.

nec · #4 (**permalink**) 06/10/2011, 15:27

gracias socialk. Voy a ilustrar mejor el tema.

una página llamada index.html tiene este código:
<!DOCTYPE html>
<html>
<head>
<title>Prueba...</title>
<script type="text/javascript">
function agregar()
{
listaPais=document.getElementById("lstPais");
listaPaises=document.getElementById("lstPaisesSele ccionados");

var elemento=document.createElement("option");
var contenido=document.createTextNode(listaPais.option s[listaPais.selectedIndex].text);
elemento.setAttribute("value", listaPais.options[listaPais.selectedIndex].text);
elemento.setAttribute("selected", "selected");
elemento.appendChild(contenido);
listaPaises.appendChild(elemento);
}
window.onload=function ()
{
document.getElementById("btnAgregar").onclick=agre gar;
}
</script>
</head>
<body>
<form name="frmPrueba" id="frmPrueba" method="post" action="procesar.php">
<select name="lstPais" id="lstPais">
<option value="00">Seleccione país</option>
<option value="Colombia">Colombia</option>
<option value="Brasil">Brasil</option>
<option value="Argentina">Argentina</option>
</select>
<input type="button" name="btnAgregar" id="btnAgregar" value="+"/><br/>
<select name="lstPaisesSeleccionados" id="lstPaisesSeleccionados" style="width:180px;" multiple="multiple" size="4" disabled="true">
</select>
<br/>
<input type="submit" value="Enviar"/>
</form>
</body>
</html>

y en la de procesar.php este otro:

<?php
print_r($_REQUEST);
?>

que me devuelve este resultado: Array ( [lstPais] => Colombia )

es decir, sólo me envía la información de la primera lista y no de la segunda....
alguna idea? gracias!

GatorV · #5 (**permalink**) 06/10/2011, 15:39

Eso es porque el comportamiento nativo del control <select> es enviar los elementos que esten seleccionados, por lo cual vas a tener que agregar una función javascript en el onsubmit de tu formulario para seleccionar todos los elementos de tu lista y poderlos recibir con PHP.

Saludos.

nec · #6 (**permalink**) 08/10/2011, 17:10

Gracias por tu aporte GatorV, pero te cuento que realmente los elemento sí están seleccionados, cuando se crean:

elemento.setAttribute("value", listaPais.options[listaPais.selectedIndex].text);
elemento.setAttribute("selected", "selected");
elemento.appendChild(contenido);
listaPaises.appendChild(elemento);

asi mismo tengo en el código original, un calendario mediante el cual guardo una fecha en una cada de texto y ese valor tampoco pasa...

creé un input hidden y en el value asigné todos los valores de los paises, y la información tampoco pasó a la página PHP.

GatorV · #7 (**permalink**) 10/10/2011, 09:28

Haz un var_dump($_POST) y verifica que valores llegan si siguen faltando esos, es por una de dos:

1.- O no estan seleccionados al hacer el envío a PHP.
2.- Estan fuera del elemento <form> que hace la llamada al script en el servidor.

Saludos.

nec · #8 (**permalink**) 10/10/2011, 11:45

imagínate GatorV que después de media hora de estar escribiendo mis conclusiones de las últimas revisiones al respecto y al enviar la respuesta al foro me apareció un mensaje que decía que tenía que registrarme, y se perdió todo lo que escribí, osea que después de un tiempo se cierra la sesión automáticamente?

Voy a tratar de resumir lo que escribí antes:

* El select sí está dentro del form y deshabilité el atributo disabled del control, tras lo cual si permitió enviar a PHP información del select, pero a pesar de tener habilitado el atributo multiple="multiple" solo envía uno de los valores seleccionados y lo probé en varios navegadores, por si acaso.

* Tuve que crear un input type="hidden" al que le agregué todos los elementos separados por punto y coma, los cuales pasaron exitósamente a PHP, este es el resultado de un un var_dump($_POST):

array(4) { ["lstPais"]=> string(8) "Colombia" ["lstPaisesSeleccionados"]=> string(8) "Colombia" ["ctrlOculto"]=> string(31) "vacio;Argentina;Brasil;Colombia" ["Enviar"]=> string(6) "Enviar" }

Me voy a basar en el control oculto para lo que necesito, sin embargo me quedo con la duda de el por qué no pasan todos los elementos seleccionados en la lista.

En todo caso gracias por la colaboración.

Saludos.

GatorV · #9 (**permalink**) 10/10/2011, 12:09

Si no tienes habilitadas las cookies es probable que la sesión caduque...

Visualmente deberías de ver los elementos seleccionados, ¿Es así?

nec · #10 (**permalink**) 10/10/2011, 13:35

Cita:

Iniciado por GatorV

Visualmente deberías de ver los elementos seleccionados, ¿Es así?

así es, visualmente los puedes ver seleccionados. y siempre toma al primero que le haga click, a los demás los ignora....

GatorV · #11 (**permalink**) 10/10/2011, 13:47

¿Pero al hacer el submit los ves todos seleccionados?

nec · #12 (**permalink**) 12/10/2011, 10:38

Cita:

Iniciado por GatorV

¿Pero al hacer el submit los ves todos seleccionados?

Si GatorV, todos los elementos están seleccionados:

GatorV · #13 (**permalink**) 12/10/2011, 12:56

Es muy raro que entonces no recibas los valores ya que el comportamiento del browser es enviarlos cuando encuentra el atributo multiple, prueba agregar los corchetes a tu control, ej: lstPaisesSeleccionados[] para que lo trate como un arreglo de valores.

Saludos.

nec · #14 (**permalink**) 13/10/2011, 13:03

Cita:

Iniciado por GatorV

Es muy raro que entonces no recibas los valores ya que el comportamiento del browser es enviarlos cuando encuentra el atributo multiple, prueba agregar los corchetes a tu control, ej: lstPaisesSeleccionados[] para que lo trate como un arreglo de valores.

Saludos.

Perfecto GatorV, de esa forma sí funcionó! gracias....

array(4) {
["lstPais"]=>
string(9) "Argentina"
["lstPaisesSeleccionados"]=>
array(3) {
[0]=>
string(8) "Colombia"
[1]=>
string(6) "Brasil"
[2]=>
string(9) "Argentina"
}
["ctrlOculto"]=>
string(31) "vacio;Colombia;Brasil;Argentina"
["Enviar"]=>
string(6) "Enviar"
}