Einfügen von Daten in Textarea bei Änderung Eingabe Text

Hier ist mein Code und läuft gut, aber wenn ich ein Zeichen aus Textarea lösche es aufhören zu arbeiten !!!Einfügen von Daten in Textarea bei Änderung Eingabe Text

$(function() { 
 
    $('#inputnumserie').keyup(function() { 
 
    var numserie = $(this).val(); 
 
    $('#test2').append($('#inputnumserie').val()) 
 
    $('#inputnumserie').val(''); 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input type="text" name="inputnumserie" id="inputnumserie" style="text-align:right;" size="14"> 
 
<textarea id="test2"></textarea>

Quelle

2016-09-14 Pedro Cordeiro

Ich bekomme deine Frage wirklich nicht. Können Sie eine Beispielausgabe bereitstellen? – Beginner

@NewbeeDev überprüfen Sie das Snippet --- schreiben auf Eingabe/dann einige aus Textarea löschen/wieder auf Eingabe schreiben – DaniP

Es ist besser, hier zu sehen http://jsfiddle.net/pedrocordeiro/nQErc/704/ –

Mit append Sie einfügen nur Knoten innerhalb des Textarea und scheint wie ein Buggy Ansatz, wenn Ihr Problem den Text geschieht nicht zeigen, aber es ist immer noch auf dem DOM eingefügt - prüfen mit Inspektorwerkzeugen ---.

Die Lösung basierend auf this answer, könnte die val() der Textarea anstelle von Knoten anhängen aktualisieren.

$(function() { 
 
    $('#inputnumserie').keyup(function() { 
 
    var numserie = $(this).val(); 
 
    $('#test2').val(function(i,text) { 
 
     return text + numserie; 
 
    }); 
 
    $('#inputnumserie').val(''); 
 
    }); 
 
});

textarea { 
 
    display:block; 
 
    width:80%; 
 
    height:150px; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input type="text" name="inputnumserie" id="inputnumserie" style="text-align:right;" size="14"> 
 
<textarea id="test2"></textarea>

Quelle

2016-09-14 15:16:38 DaniP

Versuchen Sie folgendes:

$(document).ready(function(){ 

    $('#inputnumserie').on("input",function(){ 

     var txt = $("#test2").val() + $(this).val(); 
     $("#test2").val(txt); 

     $(this).val(""); 

    }) 


})

Schlusscode:

<!DOCTYPE html> 
 
<html lang="en"> 
 
<head> 
 
</head> 
 
    <body> 
 
     
 
     <input type="text" name="inputnumserie" id="inputnumserie" style="text-align:right;" size="14"> 
 
<textarea id="test2"></textarea> 
 
     
 
     <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> 
 
     <script> 
 
      
 
      
 
    $(document).ready(function(){ 
 

 
     $('#inputnumserie').on("input",function(){ 
 

 
      var txt = $("#test2").val() + $(this).val(); 
 
      $("#test2").val(txt); 
 

 
      $(this).val(""); 
 

 
     }) 
 

 

 
    }) 
 
     
 
     </script> 
 
    </body> 
 
</html>

Quelle

2016-09-14 15:19:16 Ehsan

Danke !!! Ist das ich nicht !!!! –

Einfügen von Daten in Textarea bei Änderung Eingabe Text

Antwort

Verwandte Themen