Lo que quiero hacer, es que al selecionar una de muchas opcion de dropdown box un par de cosas aparecieron en la pagina.
Casi lo consegui basandose en ese codigo:
< script type="text/javascript">
function showInfo()
{
var elem = document.getElementById('verify');
if(document.forms[0].menu.value == "verify"){
elem.style.display="inline";}
else{
elem.style.display="none";}
}
< /script>
< /head>
< body>
< form action="#" method="post">
< select name="menu" onchange="showInfo()">
< option value="none">Select an option</option>
< option value="email">Email</option>
< option value="verify">Verify</option>
< /select>
< div id="verify" style="display:none;">
< input type="text" value="Username" >
< input type="password" value="password" >
< /div>
< /form>
Pero la cosa es que nesesito que aparescan dos cosas destinctas y en destinctas partes del documento, pero este script no pilla el sgundo < div>, solo el primero 
.
Aqui os dejo dos imagenes que explican lo que quiero hacer graficamente.
Antes:
http://img82.imageshack.us/img82/7093/beforens9.jpg
Despues:
http://img246.imageshack.us/img246/2759/afterzh2.jpg (en circulos rojos esta lo que ha cambiado).
Alguien me puede echar una mano con el codigo porfavor?? Es que como he dicho antes soy un noob de javascript.
