Assign Value to <input> inside <td> using Javascript

Question

I have an <input type="text" value="0.00" id="prdtotal"/> inside a <td> in a table.

I want to use Javascript to compute a value and assign it to the textbox. How can I do it?

I tried using document.getElementById("prdtotal").value="1.00"; but it doesnt work. Thanks for any help!

it seems like document.getElementById cannot find the <inpt> because it is inside a <td> — Umpong_1947676
– Umpong_1947676, Commented Jul 31, 2013 at 15:45
document.getElementById will find any element by id no matter how deeply nested inside other elements it is. — Jamiec
– Jamiec, Commented Jul 31, 2013 at 15:48

ComFreek · Accepted Answer · 2013-07-31 15:51:05Z

2

Use the value attribute:

document.getElementById("prdtotal").value = "1.00";

document.getElementById() returns the actual DOM object (a handle/reference to the <input> element).

Also note your missing double quote before the closing parenthesis.

I would suggest you to take a look at the Mozilla Developer Network (MDN):

HTMLElement: a reference of all attributes a (general) HTML element can have.
HTMLInputElement: a reference of all special attributes an input element (e.g. <textarea>, <input>) can have.

edited Jul 31, 2013 at 15:51

answered Jul 31, 2013 at 15:45

ComFreek

29.5k18 gold badges107 silver badges157 bronze badges

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

5 Comments

Umpong_1947676 Over a year ago

Why does it not seem to woork for me?

ComFreek Over a year ago

@Umpong_1947676 What does not work for you? Which code did you use?

Umpong_1947676 Over a year ago

I am triggering a change in the value of the textbox from a javascript called by a change in the value of another textbox. I tried the value to be passed on the second textbox(supposed to contain the answer) through an alert and it shows... however, whenever I pass the value to the text box using document.getElementById("prdtotal").value="2.00"; the value of the textbox does not change

ComFreek Over a year ago

@Umpong_1947676 Please post another question for that.

Umpong_1947676 Over a year ago

here it is stackoverflow.com/questions/17976216/…

Jamiec · Accepted Answer · 2013-07-31 15:45:22Z

2

You've found the element using getElementById but you've not specified its the value property you want to set.

document.getElementById("prdtotal").value="1.00"

And a live example: http://jsfiddle.net/hevwt/

answered Jul 31, 2013 at 15:45

Jamiec

136k15 gold badges142 silver badges202 bronze badges

1 Comment

Umpong_1947676 Over a year ago

Oh, I just missed it in the post but i have it on my code... although it still wont work... dont know what the problem is....

Collectives™ on Stack Overflow

Assign Value to <input> inside <td> using Javascript

2 Answers 2

5 Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

5 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related