jQuery append HTML-code in textarea

Ich versuche, 'append' HTML-Elemente in eine textarea. Ich fand heraus, wie das einfügen der HTML-Elemente:

finden Sie hier -------> jsFiddle <--------

Aber ich kann nicht herausfinden, wie man ANFÜGEN.

Hier ist der code sowieso:

HTML

<select id='sel' size='1'>
  <option>&#60;&#62;&#60;&#47;&#62;</option>
  <option>&#60;p&#62;&#60;&#47;p&#62;</option>
  <option>&#60;div&#62;&#60;&#47;p&#62;</option>
  <option>&#60;a&#62;&#60;&#47;a&#62;</option>
  </select><br/><br/>
<textarea id='txtarea'></textarea>

jQuery

$(document).ready(function() {
  $('select').change(function() {
    $('textarea').html($(this).val());        
  });
});

Weiß jemand, wie man ANHÄNGEN html-element text in der textarea? Was ich meine ist, wenn Sie halten Sie die "<p></p>" item es halten wird das einfügen von selbst nach der anderen.

Dank!!

textarea verfügt über ein öffnen und schließen-tag, also sollte es nicht .append() arbeiten?

InformationsquelleAutor bagofmilk | 2013-07-14

  1. 3

    Versuchen Sie es mit diesem

    $(document).ready(function() {
    $('select').change(function() {
        var currentVal = $('textarea').val();
        $('textarea').val(currentVal + $(this).val());    
    });
});

    DEMO

    InformationsquelleAutor Claudio Redi

  2. 5

    Erstellen Sie eine temporäre variable, die außerhalb Ihrer event-handler und halten Anhängen, dann aktualisieren Sie die textarea-Komponente mit dem Wert der Variablen, so:

    var tempValue = '';

    http://jsfiddle.net/KyleMuir/vWFQQ/1/

    Das Problem, du gehst zu laufen in ist, dass change() nicht abholen, die mehrere Optionen für die gleiche drop-down -, aber diese Lösung hier: https://stackoverflow.com/a/898761/2469255 von nutzen sein kann...

    Hoffe, das hilft

    EDIT: sehen diese aktualisiert fiddle für die .selected() Erweiterung.

    +1 -- tolle Erklärung. Glaube nicht, dass mit der change() event (obwohl sinnvoll). Ich immer noch lieber die .append() Methode, aber diese ist die beste Lösung!
    Danke für den Kommentar, ich weiß nicht warum, aber ich persönlich Abneigung mischen vanilla JS und jQuery. Ich habe nicht ein zwingender Grund für ihn, es ist nur fühlt mir falsch zu sein.

    InformationsquelleAutor Kyle Muir

  3. 3

    Ich würde .append() mit createtextnode:

    $('select').change(function() {
    $('#txtarea').append(document.createTextNode($(this).val()));   
})

    InformationsquelleAutor sgeddes

Schreibe einen Kommentar