Как обновить 2 текстовых поля с помощью JavaScript? - PullRequest
0 голосов
/ 03 января 2012

Как я могу обновить значение нескольких текстовых полей с помощью 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;
     }

Эта функция работает только для первого текстового поля, второе не может обновиться, как я могу заставить работать другое текстовое поле?

Ответы [ 5 ]

1 голос
/ 03 января 2012

в jquery

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

в JavaScript

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

document.getElementById('text').value = 'Blahblah';
0 голосов
/ 04 января 2012
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;
}
0 голосов
/ 03 января 2012

измените свой onClick на onKeyup.С помощью textareas я смог получить доступ к значению, используя только значение.Поскольку содержимое находится между открывающим и закрывающим тегами, вы можете использовать свойство innerHTML javascript («Это работает с тегом кнопки вместо значения»).Удачи!

0 голосов
/ 03 января 2012

Ваш обработчик событий onClick, но кажется, что вы хотите предотвратить изменения?Щелчок не является изменением содержимого текстового поля формы.Возможно, вы хотите изменить?

0 голосов
/ 03 января 2012

Прежде всего, я не уверен, почему вы хотите установить значение textarea (?) Для себя - не совсем имеет смысла, но, тем не менее, вот код.

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