2つのテキストボックスをjavascriptで更新するには？

Question

複数のテキストボックスの値をjavascriptで更新するには、ユーザーがテキストボックスの値を変更したときに、 と値が既にそれらのテキストボックスにありますか？

私は以下のコードの正しい軌道で作業していますか？

<input type="text" id="amount_textbox" onChange="UpdateValue()" value="100"> 
<input type="text" id="amount_textbox" onChange="UpdateValue()" value="200"> 
    function UpdateValue() 
    { 
     //alert ("you have changed the textbox..."); 
     var x = document.getElementById('amount_textbox').value; 
     document.getElementById("amount_textbox").setAttribute("value", x); 
     document.getElementById('amount_textbox').value = x; 
    } 

この関数は最初のテキストボックスのために働いている、もう一つは、私は他のテキストボックスが働いて作ることができるか、更新することはできませんか？

Answer 1

$("#text").val("my new value"); 

JavaScriptで

document.getElementById("text").setAttribute("value", "my new value"); 

document.getElementById('text').value = 'Blahblah'; 

Answer 2

まず、テキストエリア（？）の値を自分自身に設定したいのはなぜか分かりませんが、これは意味がありませんが、コードはここにあります。 jqueryの中

function checkTotal() 
{ 
    var tbox = document.getElementById('ammount_textbox'); 
    var val = tbox.innerHTML; 
    tbox.innerHTML = val; 
} 

Answer 3

あなたのイベントハンドラはonClickのですが、変更を防止したいように思えますか？クリックは、フォームテキストボックスの内容の変更ではありません。おそらくあなたは変えたい？

Answer 4

あなたのonClickをonKeyupに変更してください。テキストエリアでは、値だけで値にアクセスできました。内容は開始タグと終了タグの間にあるので、javascriptのinnerHTMLプロパティ（「値の代わりにボタンタグを使用する」）を使用することができます。がんばろう！

Answer 5

function UpdateValue() 
{ 
    alert ("you have changed the textbox..."); 
    var x = document.getElementById('amount_textbox').value; 
    document.getElementById("amount_textbox").setAttribute("value", x); 
    document.getElementById('amount_textbox').value = x; 
}