Pulling Web form Data into another form

Discussion in 'Web Design and Development' started by macfanrutler, Jun 20, 2017.

  1. macfanrutler macrumors regular

    macfanrutler

    Joined:
    Jun 13, 2010
    Location:
    NJ
    #1
    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.
     
  2. 960design macrumors 68020

    Joined:
    Apr 17, 2012
    Location:
    Destin, FL
    #2
    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?
     
  3. macfanrutler thread starter macrumors regular

    macfanrutler

    Joined:
    Jun 13, 2010
    Location:
    NJ
    #3
    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.
     
  4. 960design macrumors 68020

    Joined:
    Apr 17, 2012
    Location:
    Destin, FL
    #4
    Yep, do it all with javascript. Easy peasy.
     
  5. imaginex20 macrumors 65816

    imaginex20

    Joined:
    Jun 17, 2009
    #5
    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
     

Share This Page