Índice

Modificar el atributo value

Es una variante de val(), que hemos visto en la sección anterior. En este caso, jQuery permite modificar el atributo value.

val(valor)

Asigna un nuevo valor al atributo value del elemento seleccionado.

$("#input").val("Test"): añade el valor Test a una línea de texto.

Este método devuelve un objeto jQuery.

Ejemplo

Aspecto al cargar:

images/3_10_v41.png

Después de un primer envío del formulario, se modifica el texto del botón de envío.

images/3_10_v42.png

El archivo HTML:

<!doctype html> 
<html lang="es"> 
<head> 
<meta charset="utf-8"> 
<title>jQuery</title> 
<script src="jquery.js"></script> 
<script> 
    $(document).ready(function() 
    { 
        $("#enviar").click(function() 
        { 
            $("#enviar").val("Ya ha realizado un envío"); 
            return false; 
        }); 
    }); 
</script> 
<style> 
    a { color: black;} 
</style> 
</head> 
<body> 
<form action=""> 
    <p>Mail: <input type="text" id="input1" value="Valor 
obligatorio"></p> 
    <p><input type="submit" ...