Question

当按下 enter 按钮时，我希望将textbox值附加到textarea的新行。我已经输入了，但我不确定如何附加textbox值。我尝试了一些东西，但它没有用。

$(function() {
    $("#quickLinksTextbox input").keypress(function (e) {
        if (e.keyCode == 13) {
            $("#quickLinksURLs").val().append("#quickLinksSave");
        }
    });
});

Answer 1

检查我的代码。

JSFiddle

$(document).on('keypress', '#quickLinksTextbox input', function (e){

    var inputEl = $(this);
    var textareaEl = $('#quickLinksURLs');

    //Enter was pressed
    if(e.keyCode == 13){

        //If input have any text
        if($(inputEl).val().length){

            //Appending current content from input (with new line ending) to textarea
            $(textareaEl).val($(textareaEl).val()+$(inputEl).val()+"\r\n");

            //Cleaning input
            $(inputEl).val('');
        }

        return false;
    }
});

Answer 2

要将数据附加到值，请获取旧值，将数据附加到字符串，然后重新分配新值。

$("#quickLinksURLs").val(
    $("#quickLinksURLs").val() + $("#quickLinksSave").val()
);

您可能希望在该字符串中的某处添加+ "\n"以获取新行。

在输入时将文本框值附加到textarea

2 个答案: