如何在提交表单时从滑块范围jquery中回显值如何从$ _GET值设置滑块范围的值?

时间:2014-08-30 15:43:02

标签: javascript php jquery html forms

如何在提交表单时回显滑块范围jquery的值和如何设置滑块范围的值$_GET值?

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

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

EG;

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

这个小提琴手

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

第二,

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

EG;

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

当我得到$_GET之类的值时,我想像这样设置滑块范围

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

我该怎么办?

谢谢你的每一个答案^^

2 个答案:

答案 0 :(得分:0)

_1。

以html格式设置隐藏表单字段(第一个,第二个)以从js传递数据,在js中从滑块获取数据(ui.values [0] ui.values [1])并将它们传递给隐藏的表单字段,在服务器端使用$ _GET或$ _POST获取该数据,例如$ _GET [&#39; first&#39;]

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

答案 1 :(得分:0)

我编辑了你的小提琴:http://jsfiddle.net/suk1rcrk/2/

有一个隐藏的输入表单,用于存储默认滑块范围,并通过jQuery在滑块移动时更新:

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

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

$_POST['rangeValue'];