gpt4 book ai didi

javascript - 构建、修改、输出 Javascript 数组

转载 作者:行者123 更新时间:2023-11-28 02:10:37 25 4
gpt4 key购买 nike

我正在尝试完成以下任务...如果在一个问题中要求太多,那么关于使用哪些事件的一些简单步骤仍然会有所帮助。

有 2 个相邻的空白文本区域 - 输入和输出。它们之间有两个输入 Before 和 After。我想在输入中键入或粘贴以换行符分隔的单词列表,例如:

melons
peaches
apples

然后使用“之前”和“之后”输入在每个关键字之前和之后添加单词/短语/符号。因此,如果我在之前输入“购买”,在之后输入“今天”,输出文本区域将显示:

buy melons today
buy peaches today
buy apples today

我想在不刷新任何页面的情况下完成此任务。我们可以假设表单元素的命名如下:

<textarea id="input"></textarea>
<input type="text" id="before" />
<input type="text" id="after" />
<textarea id="output"></textarea>

我一直在尝试至少使用此代码让输入文本显示在输出中,但这甚至不起作用:

    $(document).ready(function(){
$('#input').keyup(function(e){
$('#output').html($(this).val());
});
});

任何指导都会很棒!

最佳答案

紧凑型:

$("#input,#before,#after").on("keyup", function () {
$("#output").val(
$.map($("#input").val().split("\n"), function (n, i) {
return $("#before").val() + " "+ n + " " + $("#after").val();
}).join("\n"));
});

example

关于javascript - 构建、修改、输出 Javascript 数组,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17139026/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com