ayuda para habilitar un select por medio de un radiobutton y función de javascript

programadorNovato · #1 (**permalink**) 21/02/2011, 15:06

Quiero lograr que al seleccionar la opción extranjero se habilite un select, y en caso contrario mantenerlo desabilitado, aquí tengo el código pero no logro mi objetivo, pueden orientarme?

Código HTML:

</script>
function extranjero(){
    var ext = document.formulario.getElementById('extranjero').value;
    //alert(ext)
    if(ext == 2)
        document.formulario.getElementById('permiso').disabled=true;
    else
        document.formulario.getElementById('permiso').disabled=false;
}
</script>

...
...

Código HTML:

 <tr>
                    <th>Extranjero?</th>
                    <td>
                        <input type="radio" name="extranjero" id="extranjero" value="1" onclick="extranjero()" />Si
                        <input type="radio" name="extranjero" id="extranjero" value="2" onclick="extranjero()" />No
                    </td>
                </tr>
                
                <tr>
                    <th>Permiso</th>
                    <td>
                        <select id="permiso" name="permiso">
                        <option value="1">Permiso</option>
                        <option value="2">Residencia</option>
                        </select>
                    </td>
                </tr>

...
...

walterdevel · #2 (**permalink**) 21/02/2011, 15:15

Tenés dos veces el mismo id en los inputs, deben ser diferentes.

omarMusic · #3 (**permalink**) 21/02/2011, 15:24

A parte de los input's estas usando mal esto

document.formulario.getElementById('permiso').disa bled=true;

cuando deberia ser solo

document.getElementById('permiso').disabled=true;

mejor quita los id de los radiobutton y usa esto

function extranjero(radio){
document.getElementById("permiso").disabled=(radio .value == 2)?true: false;
}

y en los radio button lo llamas de esta manera

<input type="radio" name="extranjero" value="1" onclick="extranjero(this)" />Si
<input type="radio" name="extranjero" value="2" onclick="extranjero(this)" />No

Saludos!

programadorNovato · #4 (**permalink**) 21/02/2011, 16:23

Gracias, ya intenté lo que ambos mencionan pero no me da el resultado.

Lo replantee de la siguiente manera pero sigo sin conseguir lo que quiero.

Código HTML:

function extranjero(){
    document.formulario.permiso.disabled = true;
}

function ciudadano(){
    document.formulario.permiso.disabled = false;
}

Código HTML:

 <tr>
                    <th>Extranjero?</th>
                    <td>
                        <input type="radio" name="extranjero" value="1" onclick="extranjero()" />Si
                        <input type="radio" name="extranjero" value="2" onclick="ciudadano()" />No
                    </td>
                </tr>
                
                <tr>
                    <th>Permiso</th>
                    <td>
                        <select name="permiso">
                        <option value="1">Permiso</option>
                        <option value="2">Residencia</option>
                        </select>
                    </td>
                </tr>

Gracias!

omarMusic · #5 (**permalink**) 21/02/2011, 17:05

Pruebalo de esta manera

Código HTML:

Ver original<html>
<head>
<script type="text/javascript">
function init() {
    document.getElementById("permiso").disabled = true;
}
function extranjero(radio){
    document.getElementById("permiso").disabled=(radio.value == 2)?true: false;
}
</script>
</head>
<body onload="init()">
<table>
    <tr>
        <th>Extranjero?</th>
        <td>
            <input type="radio" name="extranjero" value="1" onclick="extranjero(this)" />Si
            <input type="radio" name="extranjero" value="2" checked onclick="extranjero(this)" />No
        </td>
    </tr>
    <tr>
        <th>Permiso</th>
        <td>
            <select name="permiso" id="permiso">
            <option value="1">Permiso</option>
            <option value="2">Residencia</option>
            </select>
        </td>
    </tr>   
</table>
</body>
</html>

programadorNovato · #6 (**permalink**) 21/02/2011, 17:29

Gracias quedó solucionado con la última idea.

Saludos!