Pulling Web form Data into another form

[macfanrutler]

This is going to be hard for me to explain but I will do my best.

I have a web page which will populate its data from a called program. It will produce a dynamic set of table rows based on the array of data retrieved.

Example:
Field 1 Field 2 Field 3 Field 4 Button
ABC 123 01/01/17 Yes Edit
DEF 456 01/01/17 Yes Edit
GHI 789 01/01/17 Yes Edit

What I would like to happen is that if I click on the Edit button on the right it will take the data in my fields to the left and add it to a group of fields at the bottom of the page.

I don't even know where to begin looking and all of my internet searches have come up blank. Any guidance would be greatly appreciated.

 

[960design]

Javascript is the frenemy here. Add in a couple of eventListeners and some dynamic html creation and you are good to go. But the question of the day is what happens to the data at the bottom of the page?

 

[macfanrutler]

Javascript is the frenemy here. Add in a couple of eventListeners and some dynamic html creation and you are good to go. But the question of the day is what happens to the data at the bottom of the page?

There will be another submit button there to resubmit the data into our inhouse system. That will also redisplay the page with the new data.

 

[960design]

There will be another submit button there to resubmit the data into our inhouse system. That will also redisplay the page with the new data.

Yep, do it all with javascript. Easy peasy.

 

[imaginex20]

Yeah. Use JavaScript.

1. Create a form with input fields in the bottom of the page

2. Use JavaScript/jQuery to pull the data from the DOM, and populate the form

3. Use jquery to post the data back to the server