Ayuda!!! deshabilitar select a partir de otro select en IE

deadlykyo · #1 (**permalink**) 05/12/2005, 08:05

hola a todos tengo un problema al tratar de deshabilitar un tag SELECT a partir de otro tag SELECT el problema en realidad esta en que si me funciona cuando lo ejecuto en mozilla o netscape, pero cuando lo pongo a IE no funciona, no se si alguien puede ayudarme con esto porque me interesa mas que funcione en IE que en mozilla. gracias de antemano por la ayuda que me brindan

Código PHP:

  <script language="JavaScript">

function cambiaEstado(obj)

{

    switch (obj.options[obj.selectedIndex].value)

    {

        case "Cuota":

            document.cobroAporte.fechaInicio.disabled=false;

            document.cobroAporte.fechaFin.disabled=false;

            document.cobroAporte.cuotas.disabled=false;

            document.cobroAporte.imgFI.disabled=false;

            document.cobroAporte.imgFF.disabled=false;

            break;

        default:

            document.cobroAporte.fechaInicio.disabled=true;

            document.cobroAporte.fechaFin.disabled=true;

            document.cobroAporte.cuotas.disabled=true;

            document.cobroAporte.imgFI.disabled=true;

            document.cobroAporte.imgFF.disabled=true;

            document.cobroAporte.fechaInicio.value='';

            document.cobroAporte.fechaFin.value='';

            document.cobroAporte.cuotas.selectedIndex=0;    

    }

}

</script>

 
<form name='cobroAporte' method='POST' action='/sib2/cont/CobroAporte.php' runat="vdaemon" >

<table>

...

...

<td>

    <select name="tipoCuota" size="1" class="inputText" onchange="cambiaEstado(this);" >

        <option value='-1' >Click Aqui</option>

        <option >Cuota</option>

        <option >Matricula</option>

        <option >Carnet</option>

    </select>

</td>

<td>

    <select name='cuotas' size='1' class='inputText' >

        <option value='-1' >Click Aqui</option>

        <option value='1' >Mensual normal</option>

        <option value='2' >Extraordinaria</option>

        <option value='3' >Matricula</option>

        <option value='4' >Carnet</option>

    </select>

</td>

<td>

    <input type='text' name='fechaInicio' size="10" id="f_date_b" class="inputText">

    <input type='text' class='calendarButton' name='imgFI' id="f_trigger_c"

            style="cursor: pointer; border: 1px solid red;"

            title="formato:(yyyy-mm-dd)" alt="(yyyy-mm-dd)"

            onmouseout="this.style.background=''"  />

            <script type="text/javascript">

                    Calendar.setup({

                        inputField     :    "f_date_b",      // id of the input field

                        ifFormat       :    "%d/%m/%Y",       // format of the input field

                        button         :    "f_trigger_c",   // trigger for the calendar (button ID)

                        singleClick    :    true,           // double-click mode

                        step           :    2                // show all years in drop-down boxes (instead of every other year as default)

                    });

            </script>

</td>

...

...

 
</table>

</form>

angsanchez · #2 (**permalink**) 07/12/2005, 08:56

Hola, deadlykyo
Quizás sea ser porque estás evaluando "value" y no lo has definido. Intenta así:
switch (obj.options[obj.selectedIndex].text)

o bien
<option value="Cuota">Cuota</option>
<option value="Matricula">Matricula</option>
<option value="Carnet">Carnet</option>

deadlykyo · #3 (**permalink**) 16/01/2006, 14:46

gracias por la respuesta pero aun no me funciona, alguien sabe como puedo arreglar esto

jaime.ufro · #4 (**permalink**) 18/01/2006, 15:18

hola revisa esto... es eso lo que necesitas???
espero que te sirva... al menos fue lo que te logre entender...
Salu2

<html>
<head>
<title>Documento sin título</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<script language="JavaScript">
function cambiaEstado(valor)
{
if (valor>0){
document.cobroAporte.cuotas.disabled=false;
document.cobroAporte.fechaInicio.disabled=false;
document.cobroAporte.imgFI.disabled=false;
}
else{

document.cobroAporte.cuotas.disabled=true;
document.cobroAporte.fechaInicio.disabled=true;
document.cobroAporte.imgFI.disabled=true;
}
}
</script>
<body>
<form name='cobroAporte' method='POST' action='/sib2/cont/CobroAporte.php' runat="vdaemon" >
<table>
<tr>
<td>
<select name="tipoCuota" size="1" class="inputText" onChange="cambiaEstado(this.value);" >
<option value="0" >Click Aqui</option>
<option value="1" >Cuota</option>
<option value="2" >Matricula</option>
<option value="3">Carnet</option>
</select></td>
<td>
<select name='cuotas' size='1' class='inputText' disabled>
<option value='0' >Click Aqui</option>
<option value='1' >Mensual normal</option>
<option value='2' >Extraordinaria</option>
<option value='3' >Matricula</option>
<option value='4' >Carnet</option>
</select>
</td>
<td>
<input type='text' name='fechaInicio' size="10" id="f_date_b" class="inputText" disabled>
<input type='text' class='calendarButton' disabled name='imgFI' id="f_trigger_c"
style="cursor: pointer; border: 1px solid red;"
title="formato:(yyyy-mm-dd)" alt="(yyyy-mm-dd)"
onmouseout="this.style.background=''" />
</td>
</tr>
</table>
</form>
</body>
</html>