如何在提交表单时从滑块范围jquery回显数值，以及如何从$_GET值设置滑块范围的值？

Question

如何在提交表单时从滑块范围jquery回显数值，以及如何从$_GET值设置滑块范围的值？

.........................................................................................................................

首先，如何在按下提交按钮后从滑块范围回显数值(使用php标签)

例如；

<?php
    if(isset($_POST["submit"]))
    {
        echo 2 value from slider range
    }
?>

此小提琴url

http://jsfiddle.net/peap/suk1rcrk/1/

第二，

如何从$_GET值设置滑块范围的值

例如；

www.xxxx.com/yyy.php?first=50&second=700

当我得到像上面这样的$_GET值时，我想要这样设置滑块范围

http://image.ohozaa.com/i/102/FtG0n3.jpg

我该怎么做呢？

感谢您的每一个回答^^

Answer 1

_1。

在html表单中，设置隐藏表单域(first，second)从js传递数据；在js中，从slider (ui.values ui.values1)获取数据并将其传递给隐藏表单域；在服务器端，使用$_GET或$_POST获取数据，例如$_ get 'first‘

_2。

<?php

$first = 90;
$second = 290;

if(empty($_GET['first']) === false) {
    $first = (int) $_GET['first'];
}

if(empty($_GET['second']) === false) {
    $second = (int) $_GET['second'];
}

?>


<script>
    $(function(){

        $('#rangeslider').slider({
        range: true,
        min: 0,
        max: 1000,
        values: [ <?php echo $first ?>, <?php echo $second ?> ],
        slide: function( event, ui ) {
        $('#rangeval').html(ui.values[0]+" - "+ui.values[1]);
        }
        });
    });
</script>

Answer 2

我已经将你的小提琴编辑成这样：http://jsfiddle.net/suk1rcrk/2/

有一个隐藏的输入表单，用于存储默认的滑块范围，并由jQuery在滑块移动时进行更新：

$('#rangeValue').val(ui.values[0]+" - "+ui.values[1]);

提交表单时，可以通过以下方式调用该值：

$_POST['rangeValue'];