How to pass a javascript variable in a PHP url??

Question

I would like to redirect to the chosen page after having validated the form. I started this:

<form action = "planning.php?court= variable" method = "POST">.

<script>
        function courtNumber () {
            var variable = document.getElementById ("tennis_court"). value;
            alert (variable);
        }
</script>

I catch the correct value in my alert when I click on validate, now I would like to insert it in my tag.

Thank you.

Barmar · Accepted Answer · 2021-07-02 03:01:39Z

1

You can reassign the action of the form.

function courtNumber () {
    var variable = document.getElementById("tennis_court").value;
    document.querySelector("form").action = "planning.php?court=" + encodeURIComponent(variable);
}

edited Jul 2, 2021 at 3:01

answered Jul 2, 2021 at 2:34

Barmar

789k57 gold badges554 silver badges669 bronze badges

Sign up to request clarification or add additional context in comments.

6 Comments

Barmar Over a year ago

Sorry, I mistyped variable as value

Patrice Blanchard Over a year ago

thank you, I did it and I replaced my code with yours but still no "planning?court = variable" in my url, variable is always null.

Barmar Over a year ago

How are you calling courtNumber()?

Patrice Blanchard Over a year ago

In my input of the form: <input type="submit" class="btn btn-primary" value="Valider" onclick="courtnumber()">

Patrice Blanchard Over a year ago

it's ok, I saw the mistake when I post you the last message, it's courtNumber and no courtnumber, thank you very much, it's ok!

|

Thalles Conceição · Accepted Answer · 2021-07-02 02:59:57Z

0

First you can add one id to your form, so you can access it in your function.

<form action = "planning.php?court= variable" method = "POST" id="myForm">
</form>

Then, in your script you can acces the action property and set the value there.

<script>
function courtNumber () 
    {
        var variable = document.getElementById("tennis_court").value;
        alert (variable);

        document.getElementById("myForm").action = "planning.php?court=" + variable;
    }
</script>

edited Jul 2, 2021 at 2:59

answered Jul 2, 2021 at 2:58

Thalles Conceição

486 bronze badges

1 Comment

Barmar Over a year ago

You're missing the planning.php part of the action in your assignment.

Collectives™ on Stack Overflow

How to pass a javascript variable in a PHP url??

2 Answers 2

6 Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

6 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related