how to get form action information from another page

Question

<form action = "AnotherPage.php" method = "get">
    <table id="uniqueID">
        <tr>
            <td><input id="box1" type="checkbox" name="box1" value = "apple"/><label
                    for="box1">apples</label></td>
        </tr>

    </table>
    <input type="submit" value="Submit">

</form>

so when the user submits it how would I grab that box1 = apple information in the anotherPage.html. Thanks preferably no jquery. So I want the anotherPage.html file to do console.log(box 1 = apple) and in the html file of anotherPage. "box 1 = apple" (without hard coding them of course)

EDIT. So I think it's better to do it with php. How would I echo this data in the AnotherPage.php

Could you have the info added to a json file and then pull that info from the json in another page? — rguttersohn, Jun 17 '20 at 14:08
When a form is submitted in HTML it sends the data (inputs) to the other page through GET or POST. You should read more about HTTP requests. — robinvrd, Jun 17 '20 at 14:08
is it impossible with html javascript. Do I need to use php? — randomvincent, Jun 17 '20 at 14:12
you can use localStorage or cookie information to save formaction details — Avinash Dalvi, Jun 17 '20 at 14:15

score 0 · Accepted Answer · answered Jun 17 '20 at 14:26

If you want to use plain HTML & JS without any back-end server, you can send form data with GET method to next page as URI query parameter:

<form action = "anotherPage.html" method = "get">
    <table id="uniqueID">
        <tr>
            <td><input id="box1" type="checkbox" name="box1" value = "apple"/><label
                    for="box1">apples</label></td>
        </tr>

    </table>
    <input type="submit" value="Submit">
</form>

And cparse it from URI query on next page:

<html>
  <body>
  <script>
    const urlParams = new URLSearchParams(window.location.search);
    const apples = urlParams.get('box1');
    console.log(apples);
  </script>
  </body>
</html>

how to get form action information from another page

1 Answers1