将html滑块连接到php变量

时间:2016-08-27 13:20:12

标签: javascript php html variables slider

我正在努力让我的网站看起来更好一点,我打算用滑块/文本框输入组合替换当前的文本框输入,除了我不知道如何使它在当前编码中工作。< / p>

目前的代码如下:

<tr><td>Risk:</td><td><?php  textbox('CT class=textbox',$risk,10 ); ?></td></tr>

$ risk在代码中提前设置为0,当提交表单时,它用于决定您想要使用的(显然)风险,范围从0到100,根据该数字进行一些计算一旦你点击提交。

我想使用一些标准的简单滑块,它应该是这样的:

<input type="range"  min="0" max="100" value="0" link-to="risktext">
<br><br>
<input type="text" id="risktext">

javascript部分:

    $(function() {
  $('input').filter( function(){return this.type == 'range' } ).each(function(){  
        var $slider = $(this),
          $text_box = $('#'+$(this).attr('link-to'));

    $text_box.val(this.value);

    $slider.change(function(){
            $text_box.val(this.value);
        });

        $text_box.change(function(){
            $slider.val($text_box.val());
        });

我现在遇到的问题,我想它真的很容易(我在这些代码中非常基本),我如何链接所有这些以改变$ risk的价值?

我希望有人可以帮助我:)。

1 个答案:

答案 0 :(得分:0)

这是您正在寻找的基本方法(我认为)。

<?php 
        //Assign the risk value to 0 or the value defined in the $_POST variable.
        $risk = 0;
        if(isset($_POST['range'])) //Use the name of your control
          $risk = $_POST['range'];
        ?>
<html>

<head>
    <title></title>
</head>

<body>
    <form action="" method="POST">
        <input type="range" name="range" min="0" max="100" value="<?php echo $risk; ?>" link-to="risktext" />
        <br />
        <br />
        <input type="text" name="riskText" id="risktext" value="<?php echo $risk;?>" />
        <input type="submit" name="submitBtn" value="Submit" />
    </form>
</body>

</html>