martes, 12 de febrero de 2013

Leer el valor de un campo de texto con jQuery

Otra forma que tiene el jQuery para interactura con HTML es que podemos leer y escribir en las cajas de texto de los formularios. Esto lo realizamos por medio de método val().

Por ejemplo, leemos el valor de una caja de texto y escribimos su valor en la parte inferior:

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Val</title>
<style>
    p { color:blue; margin:8px; }
</style>
<script src="jquery.js"></script>
<script type="text/javascript" language="javascript">
$(document).ready(inicio);
function inicio(){
    $("input").keyup(function () {
        var v = $(this).val();
        v = v.toUpperCase()
        $("p").text(v);
        }).keyup();
    }
</script>
</head>
<body>
<input type="text" value="Hola"/>
<p></p>
</body>
</html>


Ejemplo: http://pacoarce.com/jQuery/Val.html
Curso completo: https://www.udemy.com/jquery-y-mobile/

No hay comentarios:

Publicar un comentario