php - .ajax, .text 输入显示函数

Question

var log = document.getElementById("log");


$(function(){
    $('textarea').keypress(function(e) {
        if (e.keyCode == 13 && !e.shiftKey) {

            log.innerHTML += "Company<br>";

            e.preventDefault();
            var frm = this.form; // don't submit the form yet

            log.innerHTML += "<br>";

            $.ajax({
                url: $(frm).attr('action'), // remember to specify which attribute you want
                data: $(frm).serialize(),
                dataType: "json",
                success: function() { 

                    log.innerHTML += "Ajax complete (form should be submitted now)<br>";

                    // submit the form when the ajax request is complete
                    // frm.submit();
                }
            });
        }
    });

});

<form action="#">
    <textarea name="comment"></textarea>
</form>

<div id="log"></div>

我正在尝试将脚本设置为可以在输入中显示结果的位置。有没有办法显示用户在下面的文本区域中输入的结果？

log.innerHTML += "Company<br>";

.innerHTML 看起来像是一个基本的文本段落。我所需要的只是能够显示将要放入输入中以保存它们的链接列表。有没有一种方法可以将 .text() 用于文本区域？

感谢任何帮助，谢谢!

Answer 1

HTML:

<form action="#">
    <textarea name="comment"></textarea>
</form>

<div id="log"></div>

JS:

$('textarea').on('focusout', function(){
  $('#log').text($(this).val());
});