passing form data to another HTML page

by

If you have no option to use server-side programming, such as PHP, you could use the query string, or GET parameters.

In the form, add a method="GET" attribute:

<form action="display.html" method="GET">
    <input type="text" name="serialNumber" />
    <input type="submit" value="Submit" />
</form>

When they submit this form, the user will be directed to an address which includes the serialNumber value as a parameter. Something like:

http://www.example.com/display.html?serialNumber=XYZ

You should then be able to parse the query string – which will contain the serialNumber parameter value – from JavaScript, using the window.location.search value:

// from display.html
document.getElementById("write").innerHTML = window.location.search; // you will have to parse
                                                                     // the query string to extract the
                                                                     // parameter you need

See also JavaScript query string.

The alternative is to store the values in cookies when the form is submit and read them out of the cookies again once the display.html page loads.

See also How to use JavaScript to fill a form on another page.

More Related Contents:

  1. JavaScript code to stop form submission
  2. Best way to track onchange as-you-type in input type=”text”?
  3. Why does forms with single input field submit upon pressing enter key in input
  4. Disable form auto submit on button click
  5. How to submit a form with JavaScript by clicking a link?
  6. HTML input file selection event not firing upon selecting the same file
  7. How to convert Base64 String to javascript file object like as from file input form?
  8. HTML input type=file, get the image before submitting the form
  9. How to ensure a form field is submitted when it is disabled?
  10. How to prevent submitting the HTML form’s input field value if it empty
  11. How to prevent page from reloading after form submit – JQuery
  12. Property ‘submit’ of object # is not a function
  13. Decoding URL parameters with JavaScript
  14. Adding rows dynamically with jQuery
  15. Best JavaScript solution for client-side form validation and interaction? [closed]
  16. HTML/JavaScript: Simple form validation on submit
  17. Appending form input value to action url as path
  18. jQuery Change event on an element – any way to retain previous value?
  19. How to show setCustomValidity message/tooltip without submit event
  20. Dynamically creating a specific number of input form elements
  21. Trigger standard HTML5 validation (form) without using submit button?
  22. How can I get all a form’s values that would be submitted without submitting [duplicate]
  23. How to set custom validation messages for HTML forms?
  24. Trigger standard HTML validation (form) without using submit button? [duplicate]
  25. Set the default value of an input field
  26. Get content of span
  27. Copy/Paste from Excel to a web page
  28. Disable scrolling on “
  29. How can I void a form action and execute jQuery when all HTML form elements are validated?
  30. HTML form input tag name element array with JavaScript

Leave a Comment