Récupérer le contenu d'un input text
Fermé
iamlouky
Messages postés
14
Date d'inscription
mardi 26 décembre 2017
Statut
Membre
Dernière intervention
22 avril 2018
-
31 mars 2018 à 10:40
jordane45 Messages postés 37253 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 17 mars 2023 - 31 mars 2018 à 13:15
jordane45 Messages postés 37253 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 17 mars 2023 - 31 mars 2018 à 13:15
A voir également:
- Récupérer valeur input js
- Recuperer video youtube - Guide
- Vba récupérer valeur cellule ✓ - Forum VB / VBA
- Recuperer la valeur d'un input js ✓ - Forum Javascript
- Input signal out of range ✓ - Forum Matériel informatique
- Comment récupérer un compte facebook piraté - Guide
1 réponse
jordane45
Messages postés
37253
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
17 mars 2023
4 551
31 mars 2018 à 11:27
31 mars 2018 à 11:27
Bonjour,
Parfait. Montre nous ce que tu as essayé de faire afin qu'on puisse t'aider à corriger.
Sachant que tu peux utiliser les méthodes hide() et show() pour afficher/masquer tes champs.
Et que pour lire le contenu d'un input il faut utiliser la méthode .val() et pour écrire dans un span .html()
Je viens de débuter avec Jquery,
Parfait. Montre nous ce que tu as essayé de faire afin qu'on puisse t'aider à corriger.
Sachant que tu peux utiliser les méthodes hide() et show() pour afficher/masquer tes champs.
Et que pour lire le contenu d'un input il faut utiliser la méthode .val() et pour écrire dans un span .html()
31 mars 2018 à 11:49
<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <style> body { margin: 0; } #gauche { float: left; width: 70%; height: 1000px; background-color: #EFECCA; } #droite { background-color: #CEFFF8; height: 1000px; padding : 10px; padding-left: 71%; } </style> </head> <body> <div id="gauche"> <span class="copy"></span> </div> <div id="droite"> Formulaire<br><br> <button class="button1">Label</button> <button>Zone de texte</button> <button>Bouton</button> <p class="label1">Texte du label <input type="text" name="nom"><button>OK</button></p> </div> <script src="jquery.js"></script> <script type="text/javascript"> $(document).ready(function(){ $(".button1").click(function(){ $(".label1").fadeIn(); }); }); $(function() { $('.label1').hide(); }); </script> </body> </html>body> </html>Modifié le 31 mars 2018 à 13:15
Pour lire le contenu de ton imput :
var txt = $("#txt").val();Pour écrire dans le span
$(".copy").html(txt);