其他文本框文本更改時更改文本框的文本

Question

我有兩個輸入類型=文本。文本框的文本從自定義日期選擇器模塊填充。當第一個文本框的文本被改變時，我想改變第二個文本框的內容。

<input type = "text" id = "one"> 
<br> 
<input type = "text" id = "two"> 
<br> 
<button onclick="myFunction()">Click me</button> 

的Javascript

function myFunction() 
{ 
    document.getElementById('two').value = 'hello'; 
} 

在這裏，我剛纔模擬按鈕點擊文本框「兩化」的變化，但實際上它是由一些其他方法改變。 當文本框'two'的值發生變化時，我想要更改文本框'one'的文本。 像onchange和keyup這樣的事件不會像文本被明確更改一樣工作。 檢查兩個文本框的間隔爲1秒的值是否也不適合我。

純Javascript或jQuery沒問題。

Answer 1

我的解決方案是建立在兩個JavaScript函數如下：

function myFunction() 
{ 
    ob = document.getElementById('two') 
     ob.value = 'hello'; 
    ob.focus(); 
    ob.blur(); 

} 
function sync(){ 
    document.getElementById('one').value = document.getElementById('two').value 
} 

這裏是HTML：

<input type = "text" id = "one"> 
<br> 
<input type = "text" id = "two" onblur="sync()"> 
<br> 
<button onclick="myFunction()">Click me</button>​ 

下面是一個演示：http://jsfiddle.net/saidbakr/hD6Sx/

Answer 2

下面是一個例子使用jQuery：

即時取景： http://jsbin.com/aqiyaz/1/

代碼： http://jsbin.com/aqiyaz/1/edit