Sujet Précédent Sujet Suivant

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

iamlouky Messages postés 29 Statut Membre -
jordane45 Messages postés 30651 Date d'inscription Statut Modérateur Dernière intervention - 31 mars 2018 à 13:15

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.

<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>

Afficher la suite

A voir également:

Html récupérer valeur input
Editeur html - Télécharger - HTML
Recuperer message whatsapp supprimé - Guide
Récupérer compte yahoo sans numéro de téléphone - Guide
Récupérer mon compte facebook désactivé - Guide
Recuperer compte facebook piraté - Guide

1 réponse

Réponse 1 / 1

jordane45 Messages postés 30651 Date d'inscription Statut Modérateur Dernière intervention 4 829

Bonjour,

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()

iamlouky Messages postés 29 Statut Membre

Voila mon code, lorsqu'on clique sur le bouton Label cela affiche un input. Maintenant j'aimerais que lorsqu'on tape un texte dans cet input que cela s'affiche dans le span.

<span class="copy"></span>

<!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>

jordane45 Messages postés 30651 Date d'inscription Statut Modérateur Dernière intervention 4 829

ben.. comme je te l'ai dit...
Pour lire le contenu de ton imput :

var txt = $("#txt").val();

Pour écrire dans le span

$(".copy").html(txt);

Discussions similaires

Ecran BenQ "Input signal out of range"

Colis shein terminal fret

No video input après mise en veille

Récupérer son compte Leboncoin avec son numéro de téléphone

Colis Shein au terminal de fret : délai et comment récupérer

Discussions similaires

Newsletters