Скопируйте вводимые значения текста sevaral в одну текстовую область

Question

Я работаю в школьном проекте, и я застрял, и я не смог найти фрагмент скрипта или ответ на мою проблему в Google.

После загрузки изображения скрипт показывает эскиз и ссылку наэто изображение внутри текстового поля.

<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 />.)