在更改輸入文本上的textarea中插入數據

Question

這是我的代碼並運行良好，但當我從textarea刪除一些字符時它停止工作！

 $(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>

Answer 1

使用append你只是在textarea中插入節點，看起來像一個錯誤的方法，當你的問題發生時，文本沒有顯示，但它仍然插在DOM上 - 用檢查工具檢查---。

基於這個答案的解決方案可以更新textarea的val()而不是追加節點。

 $(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>

Answer 2

嘗試這個：

$(document).ready(function(){

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

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

         $(this).val("");

     })


})

最終代碼：

 <!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>

在更改輸入文本上的textarea中插入數據

問題描述

2 個解決方案

解決方案1
0 已采納 2016-09-14 15:16:38

解決方案2
0 2016-09-14 15:19:16

在更改輸入文本上的textarea中插入數據

問題描述

2 個解決方案

解決方案1 0 已采納 2016-09-14 15:16:38

解決方案2 0 2016-09-14 15:19:16

解決方案1
0 已采納 2016-09-14 15:16:38

解決方案2
0 2016-09-14 15:19:16