Кнопка «Копировать» работает идеально, копирует текст из первого поля ввода и нажимает кнопку «Вставить», вставляет в него

<input type="text" id="txt1">Some text</input> 
<input type="button" value="copy" >

<input type="text" id="txt2">Some text 2</input> 
<input type="button" value="copy2" >

<input type="text"></input>
<input type="button" value="paste text" >
-1
UNknow 29 Авг 2017 в 10:36

3 ответа

Лучший ответ

Попробуйте это решение. Добавьте обработчик к кнопкам copy и при каждом щелчке получайте предыдущее значение поля input и сохраняйте в переменной. Затем нажмите paste, установите текст в значение кнопки paste.

Если у вас есть эта структура html, таким образом это будет легко сделать (с prev()).

var text = '';

$('.copy').on('click', function(){
  text = $(this).prev().val();
});

$('#paste').on('click', function(){
  $(this).prev().val(text);
});
input {
  display: block
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="text" id="txt1" value="Some Text 1"/>
<input type="button" class="copy" value="copy" >

<input type="text" id="txt2"  value="Some Text 2"/>
<input type="button" class="copy" value="copy2" >

<input type="text"/>
<input id="paste" type="button" value="paste text" >
6
Suren Srapyan 29 Авг 2017 в 07:41

Так как вы сказали, что он работает отлично, то я понимаю, что ваш вопрос в том, какой язык там используется, это ни javascript, ни jquery, чистый html используется только для этого

0
Lalati 29 Авг 2017 в 07:43
var copy_text= '';

$('.copy_button').on('click', function(){
  copy_text = $(this).prev().val();
});

$('.paste_button').on('click', function(){
  $(this).prev().val(copy_text);
});
0
BALAJI R 29 Авг 2017 в 07:49