combox dependientes y utilizar opción elegida

[kekaes]

Hola a tod@s.

Después de muchos sudores, he conseguido hacer mi página php que contiene 5 combox dependientes de una base de datos mysql.
El problema es que lo que necesito es que los valores que ha elegido el usuario en cada combo, lo pueda después utilizar para mostrar una imagen en concreto (en la ruta/nombre de la imagen se encuentran los valores seleccionados por el usuario).

Por ejemplo:

/home/tmp/user/grupo_$valor/imagen_$mes.jpg

Con lo cual, si pudiera de alguna manera pasar el valor de los combox a algo del estilo:

Código HTML:

<input type=button value="imagen elegida" onclick="/home/tmp/user/grupo_$valor/imagen_$mes.jpg">
 

He conseguido a través de esta función:

Código html:

<script>
function dimePropiedades(){
    var texto;
    texto = "El numero de opciones del select: " + document.formulario.combo2.length;   
    var indice = document.formulario.combo2.selectedIndex;
    texto += "\nIndice de la opcion escogida: " + indice;
    var valor = document.formulario.combo2.options[indice].value;
    texto += "\nValor de la opcion escogida: " + valor;
    var textoEscogido = document.formulario.combo2.options[indice].text;
    texto += "\nTexto de la opcion escogida: " + textoEscogido;
    alert(texto);
    }
 
</script>
 

que me de los valores en un alert. Esto lo podría hacer para cada combo, pero no se como pasarlo a php para poder crear una ruta variable.

Si alguien me puede echar una mano, se lo agradecería y si tengo que pegar más código para que se entienda mejor, basta con decirlo.

Muchas gracias

[mortiprogramador]

Hola
bueno, necesitas usar javascript para, en cada combo,
agregar un evento onChange que haga un location.href
a esta misma página

y luego en esta página, recibes por get cada valor seleccionado

Código PHP:

  $combo2 = $_GET['combo2']; 
   

valida que si no tiene valor cada parámetro $_GET,
le des alguno por defecto (que será una imagen por defecto que
podrías mostrar para cada opción)

si quieres hacerlo sin recargar la página, te recomiendo
ajax o jquery, pero no se que conocimientos tengas de eso

bueno, te di un esbozo, ahora a investigar
saludos

[kekaes]

Los combos los tengo creados por

Código Javascript:

<script language="javascript">
$(document).ready(function(){
    // Parametros para e combo1
   $("#combo1").change(function () {
        $("#combo1 option:selected").each(function () {
            //alert($(this).val());
                elegido=$(this).val();
                $.post("combo1.php", { elegido: elegido }, function(data){
                $("#combo2").html(data);
                $("#combo3").html("");
                $("#combo4").html("");
                $("#combo5").html("");
            });         
        });
   })
 
...
 

Utilizando jquery. Voy a buscar información sobre lo que me has comentado y a ver si consigo sacar algo en claro.
Muchas gracias

[mortiprogramador]

Iniciado por kekaes

Los combos los tengo creados por

Código Javascript:

<script language="javascript">
$(document).ready(function(){
    // Parametros para e combo1
   $("#combo1").change(function () {
           $("#combo1 option:selected").each(function () {
            //alert($(this).val());
                elegido=$(this).val();
                $.post("combo1.php", { elegido: elegido }, function(data){
                $("#combo2").html(data);
                $("#combo3").html("");
                $("#combo4").html("");
                $("#combo5").html("");
            });            
        });
   })
 
...
 

Utilizando jquery. Voy a buscar información sobre lo que me has comentado y a ver si consigo sacar algo en claro.
Muchas gracias

ha perfecto, el código se ve bien, como tienes combo1.php?
yo usaria una página combo.php genérica, y dependiendo
del valor de elegido, allá hago que se haga consulta a una u
otra tabla si no es siempre a la misma, esto para no usar varios
php sino uno solo

espero te sirva la idea
saludos

[kekaes]

Pues la pagina combo1.php sería así:

Código PHP:

<?php
include("includes/config.inc.php");
include("includes/mysql.class.php");
$db = new MySQL();  
$db->open();
$consulta = $db->consulta("SELECT * FROM ANNO WHERE id_tipo LIKE '$_POST[elegido]'");   //SELECT columna FROM tabla WHERE nombre de columna LIKE texto_a_buscar
echo '<option value="0">Elija año</option>';    
if ($row = $db->fetch_array($consulta)) {
    do {
        echo 
        '<option value="'.$row['id_anno'].'">'.$row['anno'].'</option>';
    }while($row = $db->fetch_array($consulta));
 
}
?>
 

La combo2.php

Código PHP:

<?php
include("includes/config.inc.php");
include("includes/mysql.class.php");
$db = new MySQL();  
$db->open();
$consulta = $db->consulta("SELECT * FROM MES WHERE id_anno LIKE '$_POST[elegido2]'");   //SELECT columna FROM tabla WHERE nombre de columna LIKE texto_a_buscar
echo '<option value="0">Elija mes</option>';
if ($row = $db->fetch_array($consulta)) {
    do {
        echo 
        '<option value="'.$row['id_mes'].'">'.$row['mes'].'</option>';
    }while($row = $db->fetch_array($consulta));
}
?>
 

Las tengo por serparado porque como soy muy novata en esto, lo veo más intuitivo y si hago pequeñas modificaciones, es más fácil saber donde he podido meter la pata.

He conseguido a través de .$_POST[combo1], saber el índice de la opción que se ha elegido pero no consigo que me de el nombre exacto de la elección.
A seguir investigando...

[mortiprogramador]

Iniciado por kekaes

Pues la pagina combo1.php sería así:

Código PHP:

<?php
include("includes/config.inc.php");
include("includes/mysql.class.php");
$db = new MySQL();  
$db->open();
$consulta = $db->consulta("SELECT * FROM ANNO WHERE id_tipo LIKE '$_POST[elegido]'");    //SELECT columna FROM tabla WHERE nombre de columna LIKE texto_a_buscar
echo '<option value="0">Elija año</option>';    
if ($row = $db->fetch_array($consulta)) {
    do {
        echo 
        '<option value="'.$row['id_anno'].'">'.$row['anno'].'</option>';
    }while($row = $db->fetch_array($consulta));
 
}
?>
 

La combo2.php

Código PHP:

<?php
include("includes/config.inc.php");
include("includes/mysql.class.php");
$db = new MySQL();  
$db->open();
$consulta = $db->consulta("SELECT * FROM MES WHERE id_anno LIKE '$_POST[elegido2]'");    //SELECT columna FROM tabla WHERE nombre de columna LIKE texto_a_buscar
echo '<option value="0">Elija mes</option>';
if ($row = $db->fetch_array($consulta)) {
    do {
        echo 
        '<option value="'.$row['id_mes'].'">'.$row['mes'].'</option>';
    }while($row = $db->fetch_array($consulta));
}
?>
 

Las tengo por serparado porque como soy muy novata en esto, lo veo más intuitivo y si hago pequeñas modificaciones, es más fácil saber donde he podido meter la pata.

He conseguido a través de .$_POST[combo1], saber el índice de la opción que se ha elegido pero no consigo que me de el nombre exacto de la elección.
A seguir investigando...

bueno, pues para ser novata vas bien
ahora, yo decía por ej tener una página genérica donde
dependiendo del combo que has enviado, haga una consulta distinta
y a su vez los campos a mostrar sean distintos

ej

Código PHP:

<?php
include("includes/config.inc.php");
include("includes/mysql.class.php");
$db = new MySQL();  
$db->open();
//pregunto cual es el combo
if( array_key_exists ('elegido',$_POST))
{
$table = 'ANNO';
$field = 'id_tipo LIKE \'$_POST["elegido"]\''; //si da error de sintaxis, es por uso de comillas, no lo he probado, escribi al "vuelo" aquí en foros, revisaria concatenación y eso
$row0 = 'id_anno';
$row1 = 'anno';
}
else if( array_key_exists('elegido2',$_POST) )
{
$table = 'MES';
$field = 'id_anno LIKE \'$_POST["elegido2"]\'';
$row0 = 'id_mes';
$row1 = 'mes';
}
$consulta = $db->consulta("SELECT * FROM ".$table." WHERE ".$field);    
echo '<option value="0">Elija mes</option>';
if ($row = $db->fetch_array($consulta)) {
    do {
        echo 
        '<option value="'.$row[$row0].'">'.$row[$row1].'</option>';
    }while($row = $db->fetch_array($consulta));
}
?>
 

de este modo, si necesitas otros combos, pues agregas más else if
modificando los datos y de resto, debería funcionarte de una vez

en cuanto a lo que dices que ya recuperas el value del select, pero no el label,
tal vez jquery tenga alguna propiedad para recuperar dicho valor,
y si no es así, entonces haz lo siguiente

crea en el formulario un campo tipo hidden y llamalo "combo_label",
y luego por javascript o jquery, en el evento onChange del combo
en el que estas trabajando, le dices que combo_label.value sea igual
al texto del combo, algo así

Código Javascript:

combo_label.value = elegido.options[elegido.selectedIndex].text;
 

y luego para pasar ese parámetro en la función jquery que ya
tienes, le pasas el valor de combo_label
prueba y comentas
saludos