.Ajax,.text 输入显示功能


.Ajax, .text Input display function

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(( 用于文本区域?

任何帮助不胜感激,谢谢!

HTML:

<form action="#">
    <textarea name="comment"></textarea>
</form>
<div id="log"></div>

.JS:

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

使用$("#log").text("").append($("textarea").val());

我将在表单中提交网址链接,并且每个链接必须位于不同的行上。他们都挤在一起看起来很奇怪。对不起哈哈