如何从 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);
如评论中所述
- 跨度没有值,它们具有内部值HTML。
- 您需要通过 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
}});
如何取值:
<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);
如评论中所述
- 跨度没有值,它们具有内部值HTML。
- 您需要通过 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
}});