使用提交按鈕將值從一個文本框複製到另一個

Question

我知道這可以通過Javascript完成，並且我正在學習，所以請告訴我，單擊更新按鈕時，我希望將文本框中的文本複製到另一個文本框中。

Answer 1

jQuery solution - check it out (jQuery that is) 
$('#button').click(function(e) { 
    e.preventDefault(); 
    $('#totextarea').val($('#fromtextarea').val()); 
    ...then submit the form if you wish to or whatever... 
    $('#theform').submit(); 
}); 

Answer 2

假設你有這樣的：

<textarea id="source"></textarea> 
... 
<textarea id="target"></textarea> 
... 
<button type="button" onclick="update();">Update</button> 

那麼你的JS功能可以是：

function update() { 
    document.getElementById('target').value = document.getElementById('source').value; 
} 

Answer 3

<script> 
function sync() 
{ 
    // Take first and second value by element ID 
    var n1 = document.getElementById('n1'); 
    var n2 = document.getElementById('n2'); 
    // Assign the value of the 1st to the 2nd text box 
    n2.value = n1.value; 
} 
</script> 

<input type="text" name="n1" id="n1" /> 
<input type="text" name="n2" id="n2"/> 
<!-- you put a function sync to be executed on click on the button --> 
<button onclick="sync()">Synchronize</button> 

Answer 4

請嘗試以下

<script> 
function onSubmitClick() { 
    var box1 = document.getElementById('box1'); 
    var box2 = document.getElementById('box2'); 
    box2.value = box1.value; 
} 
</script> 

<textarea id='box1'></textarea> 
<textarea id='box2'></textarea> 
<button onclick='onSubmitClick(); return false'>Click Me</button> 

的jsfiddle演示

• http://jsfiddle.net/Wr8L8/