Select anidados guardar el valor del segundo select en la tabla

[kimmy]

Hola. Hoy estoy llena de preguntas. Este es otro tema. El caso es que tengo unos select anidados y quisiera saber como guardar en la BD lo que el usuario seleccionó en el segundo select. Aquí les pongo el código del primer select:

<select name="categoria" id="categoria" onChange="categoria(this.form)">
<option>elige una opción...</option>
<option>Primera</option>
<option>Segunda</option>
<option>Tercera</option>
<option>Cuarta</option>
</select>

Este es el otro select:

<select name="subcategoria" id="subcategoria">
</select>

Esta es la función que muestra los datos del segundo select:

function categoria(formu)
{ var laCategoria = formu.categoria.selectedIndex
formu.subcategoria.length = subcategorias[laCategoria ].length
for (i=0; i<formu.subcategoria.length; i++)
{ formu.subcategoria.options[i].text = subcategorias[ laCategoria ][i]
}
}

Estas son las subcategorias:

var subcategorias = new Array()
subcategorias[1] = ["Agua"]
subcategorias[2] = ["Viento"]
subcategorias[3] = ["Fuego"]
subcategorias[4] = ["Tierra"]

Al escoger la subcategoria no me guarda nada al enviarlo por:
$subcategorias = $_POST['subcategoria'];

Cómo puedo hacer para que me envie el valor?

Gracias.

[__DARK__]

Hola!

Mira si observas lo que intentas guardar es el valor que tienes en la etiqueta:

<option>Etiqueta</option>

Lo q debes hacer es darle el mismo valor en la opcion de value, es decir tomar el valor, No la etiqueta... ejemplo:

Código PHP:

  <option value="Etiqueta">Etiqueta</option>  
   

Asi te tomara el valor... Lo que tu estas haciendo es asignar las etiquetas, pero no el valor de esas etiquetas, entonces a la hora de intentar guardar, no lo hace pq? pq no lleva ningun valor...

No se si me explike pero cualkier duda aki sigo xD

[kimmy]

pero es que no tengo option value en el segundo pues los datos se muestran con la función. Cómo lo hago?

[__DARK__]

Okas, tu funcion esta asi:

Código HTML:

function categoria(formu)
{ var laCategoria = formu.categoria.selectedIndex
formu.subcategoria.length = subcategorias[laCategoria ].length
for (i=0; i<formu.subcategoria.length; i++)
{ formu.subcategoria.options[i].text = subcategorias[ laCategoria ][i]
}
}

Podrias agregar algo asi:

Código HTML:

formu.subcategoria.options[i].text = subcategorias[ laCategoria ][i]
formu.subcategoria.options[i].value = subcategorias[ laCategoria ][i]

Al momento de entrar al ciclo FOR y crear cada opcion, creras un "Option" con su etiqueta, y al mismo tiempo le estaras agregando el valor. Cabe mencionar q la etiqueta será lo mismo q su valor.

[GatorV]

Tema trasladado a Javascript.

[kimmy]

lo coloque asi:

function categoria(formu)
{ var laCategoria = formu.categoria.selectedIndex
formu.subcategoria.length = subcategorias[laCategoria ].length
for (i=0; i<formu.subcategoria.length; i++)
{ formu.subcategoria.options[i].text = subcategorias[ laCategoria ][i]
formu.subcategoria.options[i].value = subcategorias[ laCategoria ][i]
}
}

y no me lo trae

que pasará?

[kimmy]

alguien tiene idea??

[kimmy]

Por favor alguien sabe ayudarme con esto. En el foro de php me estaban ayudando. Por qué aquí no? Será que me pueden remitir de nuevo el tema al foro de php? Necesito ayuda

[kimmy]

Por favor alguien tiene alguna respuesta? Gracias

[David]

Tienes que tener en cuenta que tu select y tu función tienen el mismo nombre, lo que puede generar conflictos, prueba cambiando el nombre a tu función.

[kimmy]

No creo que allí este el problema porque el select funciona perfectamente, incluso me guarda en la BD el dato del primer select.

EL problema es rescatar la selección del 2do. puesto que viene dado por la función.

Y el 2do select se llama subcategoria y la funcion se llama categoria, o sea son diferentes.

Cómo se podrá entonces rescatar el valor del 2do select?

[David]

Es que si te fijas tu primer select tiene como name "categoria", y tu función se llama precisamente "categoria", prueba a cambiarlos, no pierdes nada por intentar . Porque yo he probado y funciona si los nombres son diferentes.

[kimmy]

ya la cambié pero igual no lo guarda

[David]

Primero deberías comprobar si está o no recibiendo el valor el PHP, y si el problema es que no recibe (lo cual es poco probable) tal vez si pones el HTML como lo tienes podremos ayudarte.

[kimmy]

el php recibe el valor del primer select. Este es el código:

<select name="categoria" id="categoria" onChange="categoria(this.form)">
<option>elige una opción...</option>
<option>Primera</option>
<option>Segunda</option>
<option>Tercera</option>
<option>Cuarta</option>
</select>

Por ejemplo al seleccionar Primera me guarda Primera.

Este es el otro select:

<select name="subcategoria" id="subcategoria">
</select>

Esta es la función que muestra los datos del segundo select:

function categoria(formu)
{ var laCategoria = formu.categoria.selectedIndex
formu.subcategoria.length = subcategorias[laCategoria ].length
for (i=0; i<formu.subcategoria.length; i++)
{ formu.subcategoria.options[i].text = subcategorias[ laCategoria ][i]
}
}

Estas son las subcategorias:

var subcategorias = new Array()
subcategorias[1] = ["Agua"]
subcategorias[2] = ["Viento"]
subcategorias[3] = ["Fuego"]
subcategorias[4] = ["Tierra"]

Como este select se genera a partir de la función, no tiene los option como cuando uno los crea directamente. Entonces lo que yo pienso (no se si esto es descabellado) es que debería tener alguna forma como una clave valor para referenciarlo y guardarlo según sea el caso.

Todo lo que envio por el $_POST desde ese formulario pasa menos ese select.

Que solución habrá?

[David]

Es que no hiciste la modificación que te había comentado __DARK__, sobre agregar el value, además, como te dije, cambia lo de los nombres, porque en Firefox me dió problemas.

[kimmy]

Mira lo hice así:

<select name="cat" id="cat" onChange="categoria(this.form)">
<option>elige una opción...</option>
<option>Primera</option>
<option>Segunda</option>
<option>Tercera</option>
<option>Cuarta</option>
</select>

Este es el otro select:

<select name="subcategoria" id="subcategoria">
</select>

Esta es la función que muestra los datos del segundo select:

function categoria(formu)
{ var laCategoria = formu.cat.selectedIndex
formu.subcategoria.length = subcategorias[laCategoria ].length
for (i=0; i<formu.subcategoria.length; i++)
{ formu.subcategoria.options[i].text = subcategorias[ laCategoria ][i]
formu.subcategoria.options[i].value = subcategorias[ laCategoria ][i]
}
}

Estas son las subcategorias:

var subcategorias = new Array()
subcategorias[1] = ["Agua"]
subcategorias[2] = ["Viento"]
subcategorias[3] = ["Fuego"]
subcategorias[4] = ["Tierra"]

Y de igual forma no lo guarda

[kimmy]

Será porque pongo el nombre de name y de id iguales. Pero si cambio el nombre del id me afectará la función? o ella trabaja con el name?

[David]

Yo probé ese código, colocando los selects en un formulario y enviando, recibí la información sin problemas .

¿Tienes certeza de que no estás recibiendo la información? ¿o es que simplemente no estás procesando la información correctamente?.

[kimmy]

Hola amigos ya encontré el error. Era en la tabla de la base de datos pues tenía mal la estructura para recibir los datos. Que tonta!!!

Ya funciona

Muchas gracias por su ayuda y sobre todo su paciencia...