Copy sevaral text input values into a single textarea

Im working for a school project and Im stuck and I was not able to find a script snippet or an answer to my problem in google.

After uploading an image the script shows the thumbnail and the link to that image inside a text field.

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

My problem is that when I upload 10 images it takes too much time to copy each field, so what I want to do is to show the "value" of all those 10 text inputs into one single texta开发者_JS百科rea.

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

Is there any solution for my problem ?

thanks in advance !

The .value property can be used to extract the values for each <input /> field. These values can then be inserted into the <textarea />:

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

Demo.

(This can be wrapped in a function and attached as a "change event handler" on the <input /> elements.)