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

在jquery中

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

在javascript中

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

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

Answer 2

首先，我不确定你为什么要将textarea（？）的值设置为自身 - 没有多大意义，但不过这是代码。

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

Answer 3

您的事件处理程序是onClick，但似乎您想要阻止更改？单击不是对表单文本框内容的更改。也许你想要onChange？

Answer 4

将onClick更改为onKeyup。使用textareas，我只能使用值来访问该值。由于内容位于开始和结束标记之间，因此您可以使用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;
}

如何用javascript更新2个文本框？

5 个答案: