将多个文本输入值复制到单个文本区域中

Question

我正在为一个学校项目工作，我陷入困境，我无法在谷歌找到一个脚本片段或我的问题的答案。

上传图像后，脚本会在文本字段中显示缩略图和指向该图像的链接。

<input type="text" id="imlink" name="imlink" onclick="s(this);" size="70" value="'.SURL.''.$imagesfolder.'/' . $bigboy . '">

我的问题是，当我上传10张图片时，复制每个字段需要花费太多时间，所以我想要做的是将所有这10个文本输入的“值”显示在一个单独的文本区域中。

<textarea>
my_image1.jpg
my_image2.jpg
my_image3.jpg
my_image4.jpg
my_image5.jpg
</textarea>

我的问题有解决办法吗？

提前感谢！

Answer 1

.value属性可用于提取每个<input />字段的值。然后可以将这些值插入<textarea />：

var values = "";
$("input").each(function(i) {
    values += (i > 0 ? "\n" : "") + this.value;
});
$("textarea").val(values);

Demo

（这可以包含在一个函数中，并附加在<input />元素上作为“更改事件处理程序”。）