3

2つの入力タイプ=テキストがあります。テキストボックスのテキストは、カスタム日付ピッカーモジュールから入力されます。最初のテキストボックスのテキストが変更されたときに、2番目のテキストボックスの内容を変更したい。

<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';
}

ここでは、ボタンクリック時のテキストボックス「2」の変更をシミュレートしましたが、実際には他の方法で変更されています。テキストボックス「2」の値を変更したときに、テキストボックス「1」のテキストを変更したい。テキストが明示的に変更されるため、onchangeやkeyupなどのイベントは機能しません。1秒間隔で両方のテキストボックスの値が等しいかどうかを確認することも、私にとっては選択肢ではありません。

プレーンなJavascriptまたはjQueryで問題ありません。

4

2 に答える 2

1

jQueryを使用した例を次に示します。

ライブビュー： http： //jsbin.com/aqiyaz/1/

コード： http： //jsbin.com/aqiyaz/1/edit

于 2012-12-13T23:03:09.830 に答える
0

私のソリューションは、次の2つの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/

于 2012-12-13T22:51:52.700 に答える