PHP和JavaScript：在PHP中获得HTML值

Question

I have a span, it looks like this:

<span class="price" id="product-price-167">€47.00</span>

The 47.00 is set dynamically using JavaScript. Now when the user clicks a button, a request to a PHP script is being triggered. I need the 47.00 in that script. How could I do that? I know JS is front end and PHP is server side, but is there some way?

Thanks :)

Solution: I am using a hidden field and read that using

$price = $_POST["price"];

Answer 1

You can use jquery to retrieve the value of the element:

var value = $('#product-price-167').text();

I think that should give you the 47.00.

Answer 2

var path = 'path-to-script.php';
var data = 'price='+Number($('#product-price-167').replace(/[^0-9\.]+/g,"")); // to remove redundant [currency] characters
$.post(path, data, function(returnText){
    // do stuff here
});

That should do.

Answer 3

Using JQuery:

You can get the price inside the span:

var price = $('#product-price-167').text();

You can then parse price accordingly to get rid of the Euro sign. Without knowing exactly where your button will be placed or how it will work, it's kind of difficult to tell you how to get it to your PHP script.

Note that you shouldn't parse as Float if this is a serious application: Use

var parsedNumber = Number(price.replace(/[^0-9\.]+/g,""));

Answer 4

you can easily use jquery to post that value to php page using ajax

<script type="text/javascript">

// i m assuming that 167 in id product-price-167 comes from database in a loop

function buttonClick(pid){
 var price=$("#product-price-"+pid).text();
    $.ajax({
        type : "POST",
        data  : "price="+price,
        url   : "yourphppage.php",
        success :function(data){
            //return something from php page
        }
    });
}
</script>

and your input button

<input type="button" onclick="buttonClick('167')" />