Código HTML:
Ver original .oculto{
display: none ;
}
.visible{
display: block ;
}
<div id="contenedor_radios"> <input id="_opcion1" type="radio" name="opciones" name="opcion1" /> <label for="_departamento_radio">Departamento:
</label> <input id="_departamento_radio" type="radio" name="opciones" name="departamento" /> <input id="_opcion3" type="radio" name="opciones" name="opcion3" /> <select id="_departamento_select" class="oculto"> <script language="javascript" type="text/javascript"> var contenedor = document.getElementById("contenedor_radios") ;
var radios = contenedor.getElementsByTagName("input");
for(var i = 0 ; i < radios.length ; i++){
radios[i].onclick = function(){
if(this.id == "_departamento_radio"){
document.getElementById("_departamento_select").setAttribute("class", "visible");
}
else{
document.getElementById("_departamento_select").setAttribute("class", "oculto");
}
}
}
Esto es funcional, espero te sirva.
Saludos!