Modifier la valeur de l’attribut value

Variante de val() étudiée à la section précédente. Ici, jQuery permet de modifier l’attribut value.

val(valeur) val

Assigne une nouvelle valeur à l’attribut value de l’élément sélectionné.

$("#input").val("Test") : ajoute la valeur Test à une ligne de texte.

Cette méthode retourne un objet jQuery.

Exemple

Affichage au chargement :

images/C03-017.png

Après une première soumission du formulaire, le texte du bouton d’envoi est modifié.

images/C03-018.png

Le fichier HTML :


<!doctype html> 
<html lang="fr"> 
<head> 
<meta charset="utf-8"> 
<title>jQuery</title> 
<script src="jquery.js"></script> 
<script> 
    $(document).ready(function(){  
        $("#soumettre").click(function(){ 
            $("#soumettre").val("Vous avez déjà fait un envoi"); 
            return false; 
        }); 
    }); 
</script> 
<style> 
a { color: black;} 
</style> 
</head> 
<body> 
<form action=""> 
    <p>Mail : <input type="text"...
couv_EI4JQU.png

Découvrez 

le livre :

Aussi inclus dans nos :

Précédent
Connaître la valeur de l'attribut value
Suivant
Connaître la propriété d'un élément HTML