如何从 span 获取值并将其分配给 php 变量?

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

如何取值:

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

并将它们分配给 PHP 个变量:

$MinPrice
$MaxPrice

这是我的 JQuery 代码:

   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>';

我使用表格:

<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>

您可以使用 AJAX 将您的值分配给 PHP 变量。 您可以在 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 ...
        }
    });
}

在这种情况下,数据通过 POST 发送,您的表单需要一个 ID(例如 id="formID")。

更新: 现在也发送了 span 的值,这里 ID 为 id="minSpan" 和 id="maxSpan"。 在 ajax.php 中,您可以读取 POST 值,尝试查看所有可用值:

var_dump($_POST);

如评论中所述

  1. 跨度没有值,它们具有内部值HTML。
  2. 您需要通过 ajax 完成(如果您想使用 jQuery 完成)。

现在要从 base_html 变量中获取值,您首先需要解析 HTML 字符串,然后从中取出值,即

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
  }});