How to update 2 textboxes with javascript?

Question

How can I update a multiple textboxes value with Javascript, when user change the value of textboxes, and I have a value already on those textboxes?

Am I doing in the right track on the code below?

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

That function is working only for the first textbox, the second one can not update, how can I make other textbox work?

Why would you even let the user change the value of the textbox if you are going to revert the change? Wouldnt it be better to just disable the textbox? — Flexo
– Flexo, Commented Jan 3, 2012 at 9:13
in case they want to change the value inside the textbox, and i need that updated value being passed into the next form... — Rick Ant
– Rick Ant, Commented Jan 3, 2012 at 9:15
y do u need the last line document.getElementById('amount_textbox').value = x; when you have already set the value using document.getElementById("amount_textbox").setAttribute("value", x); — Manigandan Arjunan
– Manigandan Arjunan, Commented Jan 4, 2012 at 5:31

Manigandan Arjunan · Accepted Answer · 2012-01-03 09:30:49Z

1

in jquery

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

in javascript

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

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

edited Jan 3, 2012 at 9:30

answered Jan 3, 2012 at 9:22

Manigandan Arjunan

2,2651 gold badge25 silver badges43 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

Rick Ant Over a year ago

how can i put it my textbox ?

Rick Ant Over a year ago

how can I get the new value from textbox?

Rick Ant Over a year ago

function UpdateValue() { alert ("you have changed the textbox..."); //what I want : document.getElementById('amount_textbox').value = current value inside textbox; }

Rick Ant Over a year ago

i want "my new value" equal to the value of current editbox value, how can i do that ?

Slavic · Accepted Answer · 2012-01-03 09:18:51Z

0

First of all, I'm not sure why you'd want to set the value of the textarea(?) to itself - doesn't quite make sense, but here's the code nevertheless.

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

answered Jan 3, 2012 at 9:18

Slavic

1,9822 gold badges17 silver badges31 bronze badges

3 Comments

Slavic Over a year ago

how do you know it's not working? What behaviour do you expect?

Rick Ant Over a year ago

i have tested it....i have editbox and there s a value there....and if user update the content of the checkbox, I want javascript updating the value of that checkbox....

Slavic Over a year ago

checkbox? Since when are we speaking about checkboxes?

AmbroseChapel · Accepted Answer · 2012-01-03 10:50:32Z

0

Your event handler is onClick, but it seems like you want to prevent changes? A click is not a change to the content of a form text box. Perhaps you want onChange?

answered Jan 3, 2012 at 10:50

AmbroseChapel

12.1k7 gold badges50 silver badges69 bronze badges

2 Comments

Rick Ant Over a year ago

I create like this : $('.amount_text_change').change(function() { alert('Handler for .change() called.'); });

Rick Ant Over a year ago

how can I update the textbox value by the time user change the value inside textbox ?

Adam Fowler · Accepted Answer · 2012-01-03 12:23:19Z

0

change your onClick to onKeyup. With textareas, I have been able to access the value using just the value. Since the content is between opening and closing tags, you might be able to use the javascript innerHTML property ("That works with the button tag instead of value"). Good Luck!

answered Jan 3, 2012 at 12:23

Adam Fowler

1,7511 gold badge17 silver badges19 bronze badges

2 Comments

Rick Ant Over a year ago

can you give me an example, please ?

Adam Fowler Over a year ago

document.getElementById("myTextArea").innerHTML="This Text in Textarea";

Marvin Pinto · Accepted Answer · 2012-01-04 02:54:57Z

0

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

edited Jan 4, 2012 at 2:54

Marvin Pinto

31.3k7 gold badges39 silver badges55 bronze badges

answered Jan 4, 2012 at 2:36

Rick Ant

2364 silver badges15 bronze badges

Collectives™ on Stack Overflow

How to update 2 textboxes with javascript?

5 Answers 5

4 Comments

3 Comments

2 Comments

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

4 Comments

3 Comments

2 Comments

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related