Why can't I display a variable in a text field?

Question

I have a function that creates a string and I would like for it to be displayed in a textbox on the page. I cannot understand why this does not work.

HTML:

<input id="poNum" type="text" name="PO" id="PO" style="width: 310px;" readonly />

JS:

 document.getElementById("poNum").innerHTML = number;

is `number` the result string of your function? – luchosrock Sep 20 '16 at 19:21 — luchosrock, Sep 20 '16 at 19:21
inputs use value, not innerHTML – epascarello Sep 20 '16 at 19:22 — epascarello, Sep 20 '16 at 19:22

score 0 · Accepted Answer · answered Sep 20 '16 at 19:22

0

 document.getElementById("poNum").value = number;

InnerHTML is accessing... well, the actual inner html. Where as value is a attribute for inputs (selects, buttons, etc).

answered Sep 20 '16 at 19:22

Caspar Wylie

score 0 · Answer 2 · answered Sep 20 '16 at 19:22

0

Use document.getElementById("poNum").value = number;

answered Sep 20 '16 at 19:22

Patrik Krehák

score 0 · Answer 3 · answered Sep 20 '16 at 19:22

0

<input> elements have values, not inner HTML:

document.getElementById("poNum").value = number;

answered Sep 20 '16 at 19:22

Zoli Szabó

3 Answers3