Adam77 Posted May 11, 2014 Share Posted May 11, 2014 hey guys, i hope this is the right place to my question . i have an html page wich contain a section with a form for the user to fill out. now, after the user fill the form he should move to the next form in the same section of the page . the question is, how do i earse the form that already been filled out and replace it with the next form . i hope it was clear enough . thanks Adam Quote Link to comment Share on other sites More sharing options...
davidannis Posted May 11, 2014 Share Posted May 11, 2014 Not really enough detail in the question to give a great answer but either submit the form and serve a new page which is easy but takes more computing resources or use Ajax (which is difficult but fast). Post what you have tried for a more specific answer. Quote Link to comment Share on other sites More sharing options...
xXREDXIIIXx Posted May 11, 2014 Share Posted May 11, 2014 if you don't want to go to a whole new page you could use JQuery to hide the previous form and then show the next one. Then just use Jquery to send all the vars of the forms filled out. JQuery $(document).ready(function(){ $("#submit_button").on("click", function(){ $("#form_2").show(); $("#form_1").hide(); }); }); HTML <div id="form_1"> <!-- Your Form 1 data here --> <div id="submit_button">Go to next form.</div> </div> <div id="form_2" style="display: none;"> <!-- Your Form 2 data here --> </div> Quote Link to comment Share on other sites More sharing options...
Adam77 Posted May 12, 2014 Author Share Posted May 12, 2014 thanks guy, appreciate it ! Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.