javascript - Get value of input field using php into variable

Solution:

<th> 
    <form name="form" action='checkout.php' method='POST'>
         <input class='mx-2' type='number' id='price' name='price' placeholder='Donation Amount'">
         <input type="submit"> 
    </form>
</th> 
Copy code

submit button in missing here, so add a submit button.

And update your PHP code

<?php $price = isset($_POST['price']) ? $_POST['price'] : 0; ?>
Copy code

$_POST - is PHP Superglobals for getting form's post values. $POST (which you are using) is a normal PHP variable.

Please update your code like this.It will works.

Solution:

You have used the wrong POST syntax, the correct is:$_POST, while you are trying get:$POST.

The docs: https://www.php.net/manual/en/reserved.variables.post.php

--In JavaScript part--

If you want to handle PHP the price before call Stripe, you should use other configuration, because this one will not work anyway.

You can:

• call Stripe on like ajax or other request that in background post the forst
• call Stripe on other page
• don't do form, just plain text field (if you don't need PHP, handle price before Stripe request)

It depends what you want to do.

Solution:

I used a different method to solve the problem. I put the text box on a separate page and the pay button on the checkout page, so I am passing the price from the previous page to the checkout page now and accessing it using query parameters

Solution:

<form name="form" action='checkout.php' method='POST'>
         <input class='mx-2' type='number' id='price' name='price' placeholder='Donation Amount'">

<button name="submit" type="submit" >submit button</button>
   </form>
Copy code

///in checkout.php code

if(isset($_POST['submit']){
    $price = $_POST['price'];
    echo $price;
}
Copy code

///I hope this would work