如何获取Jquery UI滑块的最终值到PHP变量？

Question

我想在1页上显示2个JQ UI滑块。 我的网站使用PHP。 我想将两个滑块的最终值（用户停止滑动时的最后一个值）取到php变量中并将它们相乘。 我怎样才能做到这一点 ？

我接触过Jquery和PHP。 因此，如果您可以详细解释，那就太好了。

Answer 1

这是滑动器的jquery的站点： http : //jqueryui.com/slider/。尝试不同的滑动器并查看其中的代码。希望您能找到一些帮助。我知道这不是您的最佳答案。期望，但是每有一点帮助在需要时都非常重要。

Answer 2

PHP用于呈现页面，一旦呈现页面，php将无法与其进行交互。 使用jquery，您可以使用以下两个值将ajax发布回您的网站：

var slider1FinalValue = false;
var slider2FinalValue = false;

$( "#slider1" ).slider({
  stop: function( event, ui ) {
    slider1FinalValue = $(this).slider( "value" );
    sendBothValuesIfSet();
  }
});
$( "#slider2" ).slider({
  stop: function( event, ui ) {
    slider1FinalValue = $(this).slider( "value" );
    sendBothValuesIfSet();
  }
});
function sendBothValuesIfSet(){
  if(slider1FinalValue !==false && slider2FinalValue !==false){
    $.post(
        'www.mydomain.com/myscript.php',
        {slider1:slider1FinalValue, slider2:slider2FinalValue }
    );
  }
}

然后在您的php文件中：

<?php
if($_POST && !empty($_POST)){
  $sliders = json_decode($_POST);
  $multipliedValue = $sliders['slider1'] * $sliders['slider2'];
}

遵循这些原则。 我还没有测试过此代码，它只是即时编写的，因此如果您遇到问题，请告诉我，并根据需要进行调整。

Answer 3

您可以使用ajax将滑块值传递给PHP脚本。

假设您存储滑块值如下：

$value = $("#slider").slider("value"); //or however you get the value

然后，您可以像这样执行发布呼叫：

$.post("test.php", { $slider_value: $value } );