Veuillez vous connecter ou créer un compte pour suivre ce topic
Ce topic est suivi par: Jerem971, TheOldNoob
Ce topic a été résolu
Auteur Sujet: JS - Récupérer valeur textarea en temps réel

Beignet

Messages: 534

Salut Grand sourire
Voilà mon pb:
En gros je fais un formulaire dynamique qui a une textarea.
Donc le but là c'est de récupérer sa valeur en temps réel:
Exemple, dans le formulaire, la textarea est vide, donc quand j'appuie sur le submit:
$(document).on('click', '#submit', function(e) {
   e.preventDefault();
   var ctnt = $('#ctnt').text();
   alert(ctnt);
});
Du coup là ça m'envoie un alert qui contient rien
Mais si (sans actualisation) j'écris dans la zone de texte puis que je valide, le alert restera vide.
Et je voudrais que le alert (enfin la variable ctnt) contienne ce que la textarea contient, même si elle est modifiée.
Je me dis que c'est peut-être possible avec un onChange ?
Voilàà ^^
Publicité

Jerem971

Messages: 433

Hello 'Beignet'

Si j'ai bien compris, tu souhaites réaliser cela ?

Beignet

Messages: 534

Bah a peu près sauf que jvais essayer de mieux expliquer.
Quand ma textarea (et non input) contient "test" (par défaut, pas moi qui l'écrit depuis la page)
Alors j'appuie sur le bouton qui a pour id #submit, donc quand je clique dessus ça envoie un alert qui contient le contenu de la textarea. Ici "test". Mais (sans actualisation) si j'écris dans la textarea autre chose comme "test test test" et que je clique sur le bouton, bah ça me renvoie "test" au lieu de "test test test"
^^

EDIT: J'ai testé le code que j'ai fait sur wamp, sur fiddle: https://jsfiddle.net/cc0ph2rn/1/
C"est exactement ce que je veux faire Pleur mais moi avec ce code ça marche pas Pleur pourtant j'ai bien jQuery de chargé Confus

Jerem971

Messages: 433

Re:

Je viens d'essayer et quand j'écris plusieurs fois "TEST" et que j’appuie sur "Envoyer" la boite de dialogue s'ouvre avec le nombre de "TEST" que j'ai écris.
Qu'est-ce qui ne fonctionne pas chez toi ?

TheOldNoob

Messages: 909

Salut,
C'est fiddle qui est tout naze Sourire

Il faut passer sur codepen, qui entre autre permet de partager des projets Clin d'oeil

tout en natif, te prend pas la tête avec jquery juste pour afficher une alerte


https://codepen.io/anon/pen/EmPLGB

C'est cadeau !

Beignet

Messages: 534

Je teste ton code Noob et je vous redis

EDIT: Le problème maintenant, c'est que ton code marche mais pas avec l'éditeur Wysibb (celui de ce forum)
Mais ça marche avec l'éditeur wysibb si on est en mode BBCode affiché en texte brut (si on clique sur [BBCODE] )

TheOldNoob

Messages: 909

ok, la par contre il faut m'expliquer pourquoi faire une alert (toute moche) lié a l'éditeur wysibb Sourire

Beignet

Messages: 534

En fait c'est juste pour être sur que la variable se met bien a jour quand on fait valider.
Parce que sinon jvais pas faire de alert mais bien un script ajax et tout le bordel pour envoyer ça dans ma bdd. De toute façon j'ai l'intention de créer mon propre éditeur de texte Tire la langue

david_anthony

Messages: 1

  je crois que le pb c est que tu utilise text() au lieu de val()

  text() est utile pour  les div ou les span et autre
  val() pour les Input et textarea.
  html() c est un peu comme text juste lui il prendre tout le code contenu dans la div selectionne


Veuillez vous connecter ou créer un compte pour poster une réponse