在两个.html页面之间传递变量

Question

I basically have a search box, I am trying to get the value inserted and use on a separate /results.htm screen via the submit button. I've been able to get and process the results within the same page; but I am trying to do this after redirecting to a new page

/search.html

 <script>
    jQuery(document).ready(function() {
        jQuery("#submit").click(function() {
            var ZipSearch = jQuery("#Zipcode").val();
        });
    });
    </script>
    <div class="search_bar">
        <form action=""><input type="text" name="Zipcode" id="Zipcode" value="" maxlength="5" placeholder="Zipcode">
        <input type="button" name="submit" id="submit" value="Submit"/></form>
    </div>

Want to keep input value content from /search.htm within a variable on next page, separate, /results.htm

How can I keep the user input value and use on my separate 'results' page?

Answer 1

Remove all the JavaScript from search.htm . There's no point in writing custom software to do things HTML has built-in.

Set the action of the form to the URL of the second page ( action="/results.htm" ).

Change the button to a submit button ( type="submit" )

Read the data from the query string ( location.search in JavaScript or $_GET in PHP).