Impossible de mettre à jour textarea avec javascript après avoir écrit manuellement

J'ai eu ce même problème. Quand le HTML est l'analyse de DOM objet, le contenu de textarea est innetHTML de <textarea>

<textarea cols="10" rows="10">Content of textarea</textarea>

Valeurs document.getElementByTagName('textarea').innerHTML et document.getElementByTagName('textarea').value renvoie cette même valeur Content of textarea

Mais après le chargement d'objet DOM, l'évolution innerHTML valeur ne change pas le contenu de textarea boîte. Une solution pour modifier à modifier value champ.

document.getElementByTagName('textarea').value="New content of textarea";

ou en jquery

$("textarea").val("New content of textarea");

OriginalL'auteur Skamielina

J'ai exactement ce problème. Jusqu'à présent j'ai essayé

$('#addofferlink').click(function(){
    var offer = "#OFFER_"+$('#offer_id').val()+"#";
    $('#message').append(offer);
});

J'ai aussi essayé,

    $('#addofferlink').click(function(){
    var e = $('#message').html();
    var offer = "#OFFER_"+$('#offer_id').val()+"#";
    $('#message').html(e+offer);
});

Le problème semble être que si l'utilisateur tape dans le textarea (#message) puis clique sur le bouton pour ajouter le lien de l'offre, rien n'est affiché. En regardant la source, à l'aide de Firebug, je vois que le texte contenu dans la zone de texte est modifié, mais n'est pas affichée sur l'écran.

Il semble que le javascript est en train de changer le contenu html de la balise, mais le navigateur est le stockage de l'saisi le contenu de la mémoire (je suppose) ou ailleurs.

La mise à jour de la zone de texte à l'aide de val(e+) va supprimer le texte saisi et les remplacer par les offerlink, et en utilisant innerHTML = e+ne fonctionne pas du tout, n'indiquant aucun changement dans le textarea.

---

J'ai réussi à régler ce!

Ma pensée tournait autour du fait qu'en raison de la balise contient le texte, et possède sa propre balise de fermeture, que j'aurais pour obtenir du contenu à l'aide .html().

Par l'aide .val() pour obtenir le contenu du champ, vous pouvez alors tirer et mettre à jour le contenu simplement. J'ai fini avec la suivante,

    $('#addofferlink').click(function(){
    var e = $('#message').val();
    var offer = "#OFFER_"+$('#offer_id').val()+"#";
    $('#message').val(e+offer);
});

OriginalL'auteur David Yell

Parfois, vous pouvez afficher dans un textarea, une chaîne de caractères et laissez
l'utilisateur de voir ce que c'est, alors peut-être apporter des modifications, mais, vous voulez
leur permettre de voir ce que le texte original a été. Ces zones de texte sont assez difficiles à manier,
mais même un changement dans le texte édité est réversible à l'aide de cette installation.

<button id="ShowNOWxItmDscptn" onClick="EditItmDesc(1)">What is it now?</button>
<button id="OpnTAxWriteNewEdit" onClick="EditItmDesc(2)">Write /Edit</button>
<textarea id="RUBYxDescribe" max="500" width="75" placeholder="Magic"> </textarea>

//a global variable:
//UVarDescriptionTxt = ("This is the first line.\r\nSecond line!");

function EditItmDesc(x){
    console.log("*x* = "+x+".");
    console.log("Text to reset : "+UVarDescriptionTxt+".");

    var InnyShow = document.getElementById("RUBYxDescribe");
    InnyShow.value = UVarDescriptionTxt;

    if(x == 1) {
        InnyShow.innerHTML = "";
        InnyShow.textContent = "";
        InnyShow.innerHTML = UVarDescriptionTxt;
    }

    if(x == 2){
        InnyShow.value = "";
    }
}

La structure ci-dessus a résolu le problème pour moi.

OriginalL'auteur MountainMan