我正在尝试完成以下任务……如果在一个问题中提出的要求太多,那么一些关于使用哪些事件的简单步骤仍然会有所帮助。
有 2 个空白文本区域彼此相邻 - 输入和输出。在它们之间是两个输入之前和之后。我想在 Input 中键入或粘贴一个单词列表,用换行符分隔,例如:
melons
peaches
apples
然后使用 Before 和 After 输入在每个关键字之前和之后添加单词/短语/符号。因此,如果我在之前输入“购买”并在之后输入“今天”,输出文本区域将显示:
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());
});
});
任何指导都会很棒!