Récupérer le contenu d'un input text

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : Récupérer le contenu d'un input text

iamlouky

Bonjour,

Je viens de débuter avec Jquery, j'aimerais que lorsque je tape quelque chose dans l'input et que je clique sur OK, que le texte tapé s'affiche dans le span et que l'input disparaît automatiquement.

Merci pour votre aide.

Code :

<div id="gauche">
<span class="copy"></span>
</div>
<div id="droite">
<p class="label1">Texte du label <input type="text" name="txt" id="txt"><button class="button2">OK</button></p>
</div>

Message cité 1 fois

Publicité

rufo

Pas me confondre avec Lycos!

Pas besoin de jquery pour faire un truc aussi simple mais au préalable, rajoute un id à ton span (ex : mySpan) , ça facilitera les choses :
var sTxt = document.getElementById('txt').value;
document.getElementById('mySpan').innerHTML = sTxt;

Edit : un conseil : avant d'apprendre une lib de haut niveau, apprends d'abord le langage lui-même. Ca te permettra de voir ce qu'apporte réellement jquery par rapport aux fonctions de base du javascript et t'en servir quand c'est vraiment nécessaire

Message édité par rufo le 31-03-2018 à 11:03:22

---------------
Astres, outil de help-desk GPL : http://sourceforge.net/projects/astres, ICARE, gestion de conf : http://sourceforge.net/projects/icare, Outil Planeta Calandreta : https://framalibre.org/content/planeta-calandreta

pjulienne

iamlouky a écrit :

Code :

<div id="gauche">
<span class="copy"></span>
</div>
<div id="droite">
<p class="label1">Texte du label <input type="text" name="txt" id="txt"><button class="button2">OK</button></p>
</div>

Bonjour
Voici le code qui vous permet d'afficher le contenu d'input

Code :

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script type="text/javascript">
$(function() {
$('#txt').on("input", function() {
$('#someDiv').text($(this).val());
});
});
</script>
<div id="someDiv"></div>
<div id="gauche">
<span class="copy"></span>
</div>
<div id="droite">
<p class="label1">Texte du label <input type="text" name="txt" id="txt"><button class="button2">OK</button></p>
</div>
<div id="someDiv"></div>

Message cité 1 fois

---------------
Comment regarder la TV sans le câble ? https://how-to.watch/fr/tv-sans-cable/

iamlouky

pjulienne a écrit :

Bonjour
Voici le code qui vous permet d'afficher le contenu d'input

Code :

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script type="text/javascript">
$(function() {
$('#txt').on("input", function() {
$('#someDiv').text($(this).val());
});
});
</script>
<div id="someDiv"></div>
<div id="gauche">
<span class="copy"></span>
</div>
<div id="droite">
<p class="label1">Texte du label <input type="text" name="txt" id="txt"><button class="button2">OK</button></p>
</div>
<div id="someDiv"></div>

Merci pour votre réponse. Le code marche correctement mais ce n'est pas exactement ce que je veux. J'aimerais que lorsqu'on tape le texte dans l'input que ça soit validé d'abord (cliqué sur le bouton OK) avant que cela ne soit affiché dans le <div id="someDiv"></div>.

rufo

Pas me confondre avec Lycos!

Tu appelles la fonction sur l'événement onclick du bouton.

FORUM HardWare.fr

Programmation

Javascript/Node.js

Récupérer le contenu d'un input text

Sujets relatifs
Gestionnaire de contenu moderne [PHP, SQL] Forum de discussion	Programme simple pour récupérer informations système d'une machine lin
récupérer collection d'objets en PHP depuis une D.B.	problème avec variable à contenu "complexe"
Récupérer date et heure de modification de dossier dans FTP	Afficher le contenu d'une ligne de la bdd
Deplacer le contenu d'un repertoire vers son parent	[VBA Excel] Recuperer une couleur mise en forme par condition
[Ajax] Récupèrer l'action lors d'événement après rechargement de page	Reset plusieurs textbox.text sur la même page.
Plus de sujets relatifs à : Récupérer le contenu d'un input text

Page générée en 0.044 secondes