從輸入字段複製文本並將其粘貼到其他輸入字段

Question

複製按鈕從工作第一個輸入字段完美複製文字中的

<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" > 

Answer 1

點擊粘貼按鈕粘貼嘗試這種解決方案。添加處理程序到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" >

Answer 2

，因爲你說的它的工作完美的話，我明白你的問題是語言的使用存在，它既不是JavaScript或jQuery的，純HTML是僅用於

Answer 3

var copy_text= ''; 

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

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