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>

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

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

.innerHTML似乎就像一个基本的文本段落。我只需要能够显示一个链接列表，这些链接将被放入输入中以保存它们。有没有办法可以使用.text（）作为textarea？

感谢任何帮助，谢谢！

Answer 1

<强> HTML：

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

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

<强> JS：

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

Answer 2

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

Answer 3

我将在表单中提交网址链接，每个链接必须在不同的行。所有人都挤在一起看起来很奇怪。对不起lol

.Ajax，.text输入显示功能

3 个答案: