Supprime les balises HTML et PHP d'une chaîne
jQuery la méthode val() est une méthode qui permet de récupérer la valeur d’un élément de formulaire
La méthode val() renvoie ou définit l'attribut value des éléments sélectionnés.
Note : La méthode .val() est principalement utilisée pour obtenir les valeurs des éléments de formulaire comme input , select et textarea . Dans le cas des éléments <select multiple="multiple"> la méthode .val() retourne un tableau contenant chaque option choisie ; Si aucune option n'est sélectionnée, elle retourne null .
Retourne la valeur de l'attribut value de l'élément sélectionné.
Syntaxe
$(selector).val()
<!DOCTYPE html>
<html>
<head>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
$(document).ready(function(){
$("button").click(function(){
function displayVals() {
var singleValues = $("#single").val();
var multipleValues = $("#multiple").val() || [];
$("p").html("<b>Single:</b> " +
singleValues +
" <b>Multiple:</b> " +
multipleValues.join(", "));
}
$("select").change(displayVals);
displayVals();
});
});
</script>
<style>
p { color:red; margin:4px; }
b { color:blue; }
</style>
</head>
<body>
<p></p>
<select id="single">
<option>Single</option>
<option>Single2</option>
</select>
<select id="multiple" multiple="multiple">
<option selected="selected">Multiple1</option>
<option>Multiple2</option>
<option selected="selected">Multiple3</option>
</select>
<button>Cliquez pour voir</button>
</body>
</html>
Définit la valeur de l'attribut value des éléments sélectionnés.
Syntaxe
$(sélecteur).val(value)
Paramètre |
Description |
---|---|
valeur | Spécifie la valeur de l'attribut value |
<!DOCTYPE html>
<html>
<head>
<script
src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
$(document).ready(function(){
$("button").click(function(){
$("input:text").val("Olivier");
});
});
</script>
</head>
<body>
<p>Nom: <input type="text" name="user" /></p>
<button>Définissez la valeur </button>
</body>
</html>
Utilisation d'une fonction pour définir la valeur de l'attribut value pour tous les éléments sélectionnés.
Syntaxe
$(sélecteur).val(function(index,oldvalue))
Paramètre | Description |
---|---|
function(index,OldValue) |
Spécifie une fonction qui retourne la valeur à définir.
|
<!DOCTYPE html>
<html>
<head>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
$(document).ready(function(){
$("button").click(function(){
$("input:text").val(function(n,c){
return c + " Olivier";
});
});
});
</script>
</head>
<body>
<p>Nom: <input type="text" name="user" value="Piére"
/></p>
<button>Définir la valeur</button>
</body>
</html>
SCREEBER - Logiciel de copywriting Augmentez vos résultats en rejoignant les 1600 entrepreneurs qui utilisent Screeber®, le seul logiciel de Copywriting (en français) qui rédige avec vous des textes de vente qui convertissent