Question

我想在1页上显示2个JQ UI Sliders。我的网站是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 } );

如何将Jquery UI Slider的最终值提取到PHP变量中？

3 个答案: