Question

I have a website with a form. The form is filled by user with data for example i show to user:

 <input type='text' value="" name="dsa" />

And he fills it with value of “3”;

And he clicks button “save”. Now i want to have the whole HTML of the website including values of fields. So i use:

document.documentElement.innerHTML

But i get:

 <input type='text' value="" name="dsa" />

But i want to get this:

 <input type='text' value="3" name="dsa" />

NOTICE I want to take the whole HTML of the website, not only one field. I dont know what fields will be on the website so i need a general solution.

Answer 1

AFAIK you can’t get this from the HTML code, as the HTML code does not change when the user inputs something in a Input text field.

What you could do is get all input fields on the page and get their values with something like this:

var inputs, index;

inputs = document.getElementsByTagName('input');
for (index = 0; index < inputs.length; ++index) {
    // deal with inputs[index] element.
}

The code is from this post: https://stackoverflow.com/a/2214077/312312
I was too lazy to write it down my self 😛