martes, 12 de febrero de 2013

Escribir en una caja de texto desde jQuery

Otra de las funciones que tiene el método val() es poder escribir en cajas de texto (input) dentro de las formas. No solo podemos leer y escribir en las cajas de input, si no en cualquier elemento de una forma.

El siguiente ejemplo muestra como grabar en cajas de entrada:

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Val</title>
<script src="jquery.js"></script>
<script type="text/javascript" language="javascript">
$(document).ready(inicio);
function inicio(){
    $("#normal").click(onTitulo);
    $("#secreto").click(onChica);
    $("#artistico").click(onMediana);
}
function onTitulo(){
    $("#nombre").val("Paco");
    $("#apellido").val("Loco");
}
function onChica(){
    $("#nombre").val("James");
    $("#apellido").val("Bond");
}
function onMediana(){
    $("#nombre").val("Pato");
    $("#apellido").val("Lucas");
}
</script>
</head>
<body>
<input type="text" id="nombre">
<input type="text" id="apellido">
<br>
<input type="button" id="normal" value="Nombre normal">
<input type="button" id="secreto" value="Nombre secreto">
<input type="button" id="artistico" value="Nombre artístico">
<p></p>
</body>
</html>


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

No hay comentarios:

Publicar un comentario