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>