J'ai une zone de texte générée automatiquement avec un nom de classe, disons "x". Comment puis-je obtenir le texte à l'intérieur de la zone de texte étant donné qu'il n'y aura qu'un seul élément avec le nom de classe «x» dans cette page.
J'ai essayé ce qui suit et je ne peux pas le faire fonctionner.
<textarea class="note-codable" role="textbox" aria-multiline="true" style="height: 390px;">
some content
</textarea>
<script>
$(document).ready(function () {
alert($('.note-codable').val());
alert($('.note-codable').first.val());
alert($('.note-codable').text());
})
aussi comment mettre à jour la même zone de texte? toute aide est appréciée. Merci d'avance.
3 Réponses :
utilisez .val () . Cela fonctionne bien
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <textarea class="note-codable" role="textbox" aria-multiline="true" style="height: 390px;"> some content </textarea>
$(document).ready(function () {
console.log(document.querySelector('.note-codable'))
alert($('.note-codable').val());
})
Bonjour, j'ai édité ma question maintenant. Cela ne fonctionne toujours pas pour moi. En fait, j'essaie de mettre à jour le contenu vers un éditeur de texte riche. il y a ce role = "textbox" après le nom de la classe. est-ce ce qui cause l'échec?
Oui. Je sais, je pense que cela a quelque chose à voir avec l'éditeur de texte riche avec lequel j'essaie de jouer.
J'utilise Summernote RTE avec Django.
@ArunLaxman copain je viens de voir summernote.org . Allez et inspectez l'élément le RTE. Vous verrez que
Je vous suis vraiment reconnaissant d'avoir fait des efforts si extrêmes. mais il y a une zone de texte pour la vue de code. si vous inspectez la vue de code de Summernote, vous obtenez une zone de texte avec un nom de classe codable par note. n'a ni innerHTML ni texte. Un $ ('. Note-editable'). Text ();
Vérifiez le code ci-dessous pour cela:
$(document).ready(function () {
alert($('.x:first').html());
})
J'espère que cela vous aidera.
C'est en fait trompeur. Bien qu'une zone de texte n'ait pas de valeur attribut , elle expose quand même une valeur propriété accessible avec JavaScript
Merci de m'avoir corrigé et j'ai mis à jour mon commentaire qui était trompeur @Psi
Vous pouvez utiliser:
$ (selector) .text () c'est-à-dire
$('.x').text();
utilisez
$ ('. x'). val ();Double possible de Jquery obtenir la valeur du champ de formulaire