提交表单后从另一个页面（如确认页面）重定向后，如何将值保留在表单中

Question

This question is not about traditionally keeping the values in form after form submission. I am creating an E-learning portal where I have to create a functionality where I need to make questions for test papers. I have created a form as shown in the picture here:-

Now when I submit the form after filling all the values , it is going to redirect me to a confirmation page saying "Do you want to enter another question".If I click on yes it should redirect me to the same page to create the question as shown in picture I have attached but this time the form should have already entered values which I entered before submitting the earlier question. For example, Take a paragraph comprehension question.You don't need to enter the paragraph again and again, you just have to enter the question you need to ask on that comprehension.Consider this as the base of my program.

Please help me and guide me how to create such functionality. Thanks in advance.

Answer 1

You can use localStorage from javascript to keep and set your data.

// To get
if(localStorage.getItem('your-datas')){
    var datas = JSON.parse(localStorage.getItem('your-datas'));  
}
// To set
var myData = {section: $("#section").val(),...};
localStorage.setItem('your-datas', JSON.stringify(myData));

Here the link with a basic usage: https://www.w3schools.com/html/html5_webstorage.asp