.innerHTML - how to make it work ?

Question

I have a simple form with 2 fields

field1 - text

field2 - html code with some script :

var abc = document.getElementById('field1');

abc.innerHTML = "new value";

I'm afraid the displayed value of field1 is still blank, DOM is not updating :(

When I "examine" the page with chrome function I can see that field1=new value

<input type="text" name="field1" id="field1" placeholder value autocomplete="off" >new value</input

... but on the display it is still empty, and also when I submit the form, the field1 value is also empty.

How can I update the value of field1 , so that it will be displayed and submitted correctly ?

Max_admin · Accepted Answer

you should use abc.value = "your value"

Update an input field's displayed and submitted value using JavaScript.