Código HTML :
<html> <head> <link rel="stylesheet" type="text/css" href="estilos.css" media="screen" /> <script src="../jquery-1.7.1.min.js" type="text/javascript"></script> <script src='funciones.js'></script> </head> <body> <div id="wrap"> <div id="p1"> <form id="preg"> pregunta1 <input type="text" id="q1" size=20 value=""/> </form> </div> <br> <div id="salida"><input type="number" id="q1" size=20 value="" </div> <div id="resul"><input type="button" value="resultado" id="resul" /></div> </div> </body> </html>
el css es:
Código :
#p1 { display:inline;} form#preg { display:inline;} #salida { display:none;}
y el js es:
Código :
$(document).ready(function () { $("#resul").click(function(){ if ($("#q1").val() == "america" ){ $("#salida").css("display", "block"); } }); });
Pensaba que val() recogería el valor que hubiera en el campo cuando el usuario escribiera "america" y mostraría la div oculta. He visto que esto se puede hacer con valores numericos pero con texto es posible que falle (es una suposicion). Alguien sabe como podria solucionarlo.
Gracias por adelantado