<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin título</title>
<style>
#formulario {
width:300px;
margin:0 auto;
}
.titulo { width:97px;
float:left;
}
</style>
<script>
function habilitar(value)
{ console.log(value)
if(value=="A")
{ document.getElementById("equipoA").style.display="block"; document.getElementById("equipoB").style.display="none"; }else{ document.getElementById("equipoA").style.display="none"; document.getElementById("equipoB").style.display="block"; }
}
</script>
</head>
<body>
<form action="" method="post">
<div id="formulario">
<div>
<div class="titulo">Nombre:</div>
<div>
<input type="text" name="nombre" id="nombre" />
</div>
</div>
<div>
<div class="titulo">División:</div>
<div style="display:inline-block">
<input name="radio" type="radio" value="primeraa" onchange="habilitar('A');" checked="checked" />Primera A <br><input type="radio" name="radio" onchange="habilitar('B');" value="primerab" />Primera B </div>
</div>
<div id="equipoA">
<div class="titulo">Equipo A:</div>
<div>
<select name="equipos" id="equiposa">
<option value="arsenal">Arsenal</option>
<option value="godoycruz">Godoy Cruz</option>
<option value="defensa">Defensa y Justicia</option>
<option value="belgrano">Belgrano</option>
<option value="rafaela">Atletico Rafaela</option>
<option value="sanlorenzo">San Lorenzo</option>
<option value="central">Rosario Central</option>
<option value="river">River Plate</option>
<option value="boca">Boca Juniors</option>
<option value="racing">Racing Club</option>
<option value="independiente">Independiente</option>
<option value="quilmes">Quilmes</option>
<option value="olimpo">Olimpo</option>
<option value="newells">Newell's Old Boys</option>
<option value="lanus">Lanus</option>
<option value="gimnasia">Gimnasia</option>
<option value="banfield">Banfield</option>
<option value="tigre">Tigre</option>
<option value="estudiantes">Estudiantes</option>
</select>
</div>
</div>
<div id="equipoB" style="display:none;">
<div class="titulo">Equipo B:</div>
<div>
<select name="equipos" id="equiposb">
<option value="huracan">Huracan</option>
<option value="instituto">Instituto</option>
<option value="jujuy">Gimnasia de Jujuy</option>
<option value="crucero">Crucero del Norte</option>
<option value="sanjuan">San Martin de San Juan</option>
<option value="union">Union</option>
<option value="mendoza">Independiente de Mdz</option>
<option value="sarmiento">Sarmiento</option>
<option value="ferro">Ferro</option>
<option value="bunidos">Boca Unidos</option>
<option value="sportivo">Sportivo Belgrano</option>
<option value="aldosivi">Aldosivi</option>
<option value="douglas">Douglas Haig</option>
<option value="patronato">Patronato</option>
</select>
</div>
</div>
</div>
</form>
</body>
</html>
