HTML and javascript variables

Question

How do you put a javascript variable into the value="" of an <input> box on a <form>

This must be easy but I do not know.

possible duplicate of [Set the value of a input field with javascript](http://stackoverflow.com/questions/7609130/set-the-value-of-a-input-field-with-javascript) — John Flatness, Oct 13 '11 at 22:34

score 1 · Accepted Answer · answered Oct 13 '11 at 22:28

1

That's not hard. Have a look at the example below:

HTML:

<input id="id_of_your_element">

Javascript:

var yourvariable = "Hello world!";
document.getElementById("id_of_your_element").value = yourvariable;

answered Oct 13 '11 at 22:28

Rob W

score 1 · Answer 2 · answered Oct 13 '11 at 22:28

1

document.getElementById('element-id').value = 'The Value';

answered Oct 13 '11 at 22:28

Clive

score 0 · Answer 3 · answered Oct 13 '11 at 22:28

0

Value="<script type="text/javascript">document.write(yourVariableName);</script>"

answered Oct 13 '11 at 22:28

Rachel McMahan

You should avoid using document.write, especially for such a simple application where DOM methods are available - http://stackoverflow.com/questions/802854/why-is-document-write-considered-a-bad-practice – nickb Oct 13 '11 at 22:30

GG. · Answer 4 · 2011-10-13T22:34:37.863

0

You can do just:

document.getElementById('inputId').value = yourVariable;

You can also use the jQuery library, it will:

$('#inputId').val(yourVariable);

edited Oct 13 '11 at 22:34

answered Oct 13 '11 at 22:28

GG.

4 Answers4