如何值從一種輸入字段複製到另一

Question

我有兩個輸入字段：

<input type="text" id="one" name="one" /> 
<input type="text" id="two" name="two" /> 

我想使它所以，無論是真實鍵入一個ID會被自動放入ID兩項。

有關如何做到這一點的任何想法？可能需要JavaScript？

Answer 1

只需註冊一個input甚至與源textfield處理程序和值複製到目標textfield。

window.onload = function() { 
 
    var src = document.getElementById("one"), 
 
     dst = document.getElementById("two"); 
 
    src.addEventListener('input', function() { 
 
     dst.value = src.value; 
 
    }); 
 
}; 
 

 
// jQuery implementation 
 

 
$(function() { 
 
    var $src = $('#three'), 
 
     $dst = $('#four'); 
 
    $src.on('input', function() { 
 
     $dst.val($src.val()); 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"> 
 
</script> 
 

 
<strong> With vanilla JavaScript</strong> 
 
<br /> 
 
<input type="text" id="one" name="one" /> 
 
<input type="text" id="two" name="two" /> 
 

 
<br /> 
 
<br /> 
 

 
<strong>With jQuery</strong> 
 
<br /> 
 
<input type="text" id="three" name="three" /> 
 
<input type="text" id="four" name="four" />

Fiddle