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

【问题标题】：How to update 2 textboxes with javascript?如何使用 javascript 更新 2 个文本框？
【发布时间】：2012-01-03 09:10:15
【问题描述】：

当用户更改文本框的值时，如何使用 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;
     }

该功能仅适用于第一个文本框，第二个无法更新，如何使其他文本框工作？

【问题讨论】：

如果您要还原更改，为什么还要让用户更改文本框的值？禁用文本框不是更好吗？
如果他们想更改文本框中的值，我需要将更新后的值传递到下一个表单中......
你需要最后一行 document.getElementById('amount_textbox').value = x;当您已经使用 document.getElementById("amount_textbox").setAttribute("value", x); 设置值时；

标签： javascript php forms textbox dom-events

【解决方案1】：

在 jquery 中

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

在 JavaScript 中

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

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

【讨论】：

我怎样才能把它放在我的文本框中？
如何从文本框中获取新值？
function UpdateValue() { alert ("you have changed the textbox..."); //我想要的：document.getElementById('amount_textbox').value = 文本框内的当前值； }
我希望“我的新值”等于当前编辑框值的值，我该怎么做？

【解决方案2】：

首先，我不确定您为什么要将 textarea(?) 的值设置为自身 - 不太有意义，但这里是代码。

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

【讨论】：

你怎么知道它不起作用？你期望什么行为？
我已经测试过了....我有编辑框并且那里有一个值....如果用户更新复选框的内容，我希望 javascript 更新该复选框的值... .
复选框？我们什么时候开始谈论复选框了？

【解决方案3】：

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

【讨论】：

我这样创建：$('.amount_text_change').change(function() { alert('Handler for .change() called.'); });
如何在用户更改文本框内的值时更新文本框值？

【解决方案4】：

将您的 onClick 更改为 onKeyup。使用 textareas，我已经能够仅使用该值来访问该值。由于内容位于开始标签和结束标签之间，您可能可以使用 javascript innerHTML 属性（“这适用于按钮标签而不是值”）。祝你好运！

【讨论】：

你能给我举个例子吗？
document.getElementById("myTextArea").innerHTML="Textarea 中的文本";

【解决方案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;
}

【讨论】：