Activar/desactivar formulario con variables dinámicas

[cachimira]

Buenos días,

tengo un problema con un formulario web. Quiero que cuando el usuario escoja una opción de la primera pestaña, se active (o no) las restantes.
La solución la he encontrado, pero mi nuevo problema es que el nombre del select es dinámico, es decir no es siempre “SEL1, SEL2,...” sino que va cambiando.

Para que se entienda les copio el código que he conseguido hacer funcionar:

Javascript:

Código Javascript:

function mostrar_tabac(){
    if (document.frm.SEL1.value == "1") {
        document.frm.SEL2.disabled = true;
        document.frm.SEL3.disabled = true;
    } else if (document.frm.SEL1.value == "2") {
        document.frm.SEL2.disabled = true;
        document.frm.SEL3.disabled = false;
    } else if (document.frm.SEL1.value == "3") {
        document.frm.SEL2.disabled = false;
        document.frm.SEL3.disabled = false;
    }
}
 

PHP:

Código PHP:

  <table cellpadding="0" cellspacing="0"> 
    <thead> 
        <tr> 
            <th class="aspecte">Estado</th> 
            <th class="aspecte">Tipo de<br>tabaco</td> 
            <th class="aspecte">Dosis/día</td> 
        </tr> 
    </thead> 
    <tbody> 
 
    <form name='frm'> 
        <tr> 
            <td class="aspecte"> 
                <select name="SEL1" id="SEL1" size="1" onChange="mostrar_tabac();"> 
                    <option><pre></pre></option> 
                    <option value="1">No ha fumado nunca</option> 
                    <option value="2">Exfumador desde (indicar tiempo en 'dosis/día')</option> 
                    <option value="3">Fumador</option> 
                </select> 
            </td> 
            <td class="aspecte"> 
                <select name="SEL2" id="SEL2" size="1" disabled> 
                    <option><pre></pre></option> 
                    <option>Cigarrillos</option> 
                    <option>Puros</option> 
                    <option>Pipa</option> 
                </select> 
            </td> 
            <td class="aspecte"><INPUT name="SEL3" id="SEL3" type="text" disabled></td> 
        </tr> 
    </form> 
 
    </body> 
</table>  
   

Ahora mi problema es que las etiquetas name y id NO són SEL1, SEL2 y SEL3 sino que són:

Código PHP:

      "insert_tabac_estado_".$i; 
    "insert_tabac_tipo_".$i; 
    "insert_tabac_dosis_".$i;  
   

Y está todo dentro de un for que va modificando el $i. Cuando lo ejecuto así, no hay manera de que funcione correctamente el Javascript.


He intentado pasar las variables dentro de la función de Javascript haciendo:

Código PHP:

 $sel1 = "insert_tabac_estado_".$i; 
$sel2 = "insert_tabac_tipo_".$i; 
$sel3 = "insert_tabac_dosis_".$i; 
... 
... 
<select name="<?php echo $sel1 ?>" id="<?php echo $sel1 ?>" size="1" onChange="mostrar_tabac(‘<?php echo $sel1 ?>’, ‘(‘<?php echo $sel2 ?>’, ‘(‘<?php echo $sel3 ?>’);  

Código Javascript:

function mostrar_tabac(sel_tab1, sel_tab2, sel_tab3){
    if (document.frm.sel_tab1.value == "1") {
        document.frm.sel_tab2.disabled = true;
        document.frm.sel_tab3.disabled = true;
    } else if (document.frm.sel_tab1.value == "2") {
        document.frm.sel_tab2.disabled = true;
        document.frm.sel_tab3.disabled = false;
    } else if (document.frm.sel_tab1.value == "3") {
        document.frm.sel_tab2.disabled = false;
        document.frm.sel_tab3.disabled = false;
    }
}
 

Pero nada,… alguna idea?

Muchas gracias!!

[nifdya]

¿Con esta sentencia no te salta ningún error?

<select name="<?php echo $sel1 ?>" id="<?php echo $sel1 ?>" size="1" onChange="mostrar_tabac(‘<?php echo $sel1 ?>’, ‘(‘<?php echo $sel2 ?>’, ‘(‘<?php echo $sel3 ?>’);

a todos los echo les falte el punto y coma final

prueba a cambiar está comilla (‘) y esta otra (´) que parece un acento por la comilla simple (')

Y otra cosa si el contenido de los selects es diferentes para que quieres la variable?
Si no mira el código fuente a ver que te está imprimiendo y si aún así no te va prueba a hacer debug del javascript http://elcaminillo.wordpress.com/201...en-javascript/

[cachimira]

Buenos días,

me equivoqué al copiar la línea del select, se me coló un par de '(' que no van. La correcta es la siguiente:

<select name="<?php echo $sel1 ?>" id="<?php echo $sel1 ?>" size="1" onChange="mostrar_tabac('<?php echo $sel1 ?>', '<?php echo $sel2 ?>', '<?php echo $sel3 ?>');

Las comillas en mi código son simples pero al copiar-pegar aquí se transformaron.

Necesito el $i porque no se cuantos select voy a tener, me depende obligatoriamente de esa variable.

Estoy mirando con el Firebug, pero no me salta ningún error :(



Gracias!

[nifdya]

Me parece que tu problema está en la función

mostrar_tabac

prueba con esta y me comentas..

Código Javascript:

<script>
function mostrar_tabac(sel_tab1, sel_tab2, sel_tab3){
 
    var elem1=document.getElementById(sel_tab1);
    var elem2=document.getElementById(sel_tab2);
    var elem3=document.getElementById(sel_tab3);
    
    if (elem1.value == "1") {
        elem2.disabled = true;
        elem3.disabled = true;
    } else if (elem1.value == "2") {
        elem2.disabled = true;
        elem3.disabled = false;
    } else if (elem1.value == "3") {
        elem2.disabled = false;
        elem3.disabled = false;
    }
}
</script>
 

[cachimira]

SIIIIIIIIIIIIIII!!! :D:D

Ya me funcionó correctamente con tu función!

Muchas gracias Nifdya!!