Скопируйте несколько текстовых областей с 1 кнопкой

Question

Я хочу скопировать 5 текстовых областей (текст) в формате html одним нажатием кнопки.

<textarea id="target">1</textarea>

<textarea id="target">2</textarea>

<textarea id="target">3</textarea>

<textarea id="target">4</textarea>

<textarea id="target">5</textarea>

Я хочу нажать кнопку и скопировать 12345 в буфер обмена.

Answer 1

Вы не можете сделать это с тем же идентификатором , но вы можете сделать это с тем же классом .

 <textarea class="target">1</textarea>

<textarea class="target">2</textarea>

<textarea class="target">3</textarea>

<textarea class="target">4</textarea>

<textarea class="target">5</textarea>

<button id="btn">Copy</button>

Теперь используйте JQuery для получения значений

$(document).ready(function(){
$('#btn').click(function(){
var value='';
 $('.target').each(function(){
  value+=$(this).val();
});
 alert(value);
});
});