How do I get value from span and assign it to a php variable? [closed]

Question

How can I take the value of:

<span name="MinPrice" class="irs-from">0</span> <span name="MaxPrice" class="irs-to">0</span>

And assign them to PHP variables:

$MinPrice $MaxPrice

This is my JQuery code:

 var base_html = '<span class="irs">' + '<span class="irs-line" tabindex="-1"><span class="irs-line-left"></span><span class="irs-line-mid"></span><span class="irs-line-right"></span></span>' + '<span class="irs-min">0</span><span class="irs-max">1</span>' + '<span name="MinPrice" class="irs-from">0</span><span name="MaxPrice" class="irs-to">0</span><span class="irs-single">0</span>' + '</span>' + '<span class="irs-grid"></span>' + '<span class="irs-bar"></span>';

I use form:

<form action="<?php echo languageURL(0, ''.$g['url'].'products.html'); ?>" method="get"> <div class="wrapper" style=" padding:20px;"> <div class="range-slider"> <input type="text" class="js-range-slider" value="" /> </div> </div> <input type="submit" class="btn-primary goo" value="Търсене" /> </form>

If you want to put values of client-side elements in to PHP you will need to send a request to the server, either via a form or through AJAX. Also note that span elements don't have values, they have innerText/Html — Rory McCrossan
– Rory McCrossan, Commented Dec 19, 2018 at 12:06
And not many of us are going to WADE THRU 100's of lines of code looking for SOMETHING... who knows what. — RiggsFolly
– RiggsFolly, Commented Dec 19, 2018 at 12:07
NB Php will not execute on your products page. the page is a .html ext it must be a .php file — Masivuye Cokile
– Masivuye Cokile, Commented Dec 19, 2018 at 12:10

Jonson86 · Accepted Answer · 2018-12-19 14:34:22Z

You could use AJAX to assign your values to PHP variables. You can send the form data like this in jQuery:

function sendData() { $.ajax({ type: "POST", url: 'ajax.php', data: {$("#formID").serialize(), MinPrice: $('#minSpan span').html(), MaxPrice: $('#maxSpan span').html()}, dataType: "html", success: function(html) { // do something ... } }); }

In this case the data is sent via POST and your form needs an ID (e.g. id="formID").

Update: Now also the values of the spans are sent, here with the IDs id="minSpan" and id="maxSpan". In ajax.php you can read the POST values, try it with to see all available values:

var_dump($_POST);

Ok, but how to send the information exactly to the php form:
Hello ! Thank you ! When I try to enter it into the body of the code, the code crashes.
I try this: $(function () { $.ajax({ type: "POST", url: "../include/aside.php", data: {$("#filter").serialize(), MinPrice: $("#minSpan span").html(), MaxPrice: $("#maxSpan span").html()}, dataType: "html", success: function(html) { alert(html); } }); });

Jatin Asija · Accepted Answer · 2018-12-19 12:57:36Z

As already mentioned in comments

Span doesn't have values they have innerHTML.
You will need to do it through ajax(if you want to do it using jQuery).

Now To get the value out of base_html variable, you will first need to parse HTML string and then take out values from it i.e.

var min = $.parseHTML( base_html).find(".irs-from").text(); var max = $.parseHTML( base_html).find(".irs-to").text(); $.ajax({url: "value_set.php?min="+min+"max="+max, success: function(result){ //do whatever you like to do here }});

Collectives™ on Stack Overflow

How do I get value from span and assign it to a php variable? [closed]

2 Answers 2

4 Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

4 Comments

Comments

Related