Question

这是html代码：

<form action='survey.php' method='post' class='mainForm'>
    <fieldset>
        <div class="widget first">
            <div class="head"><h5 class="iList">Text fields</h5></div>
                <div class="rowElem noborder"><label>Name:</label><div class="formRight"><input type="text" name="name"/></div><div class="fix"></div></div>
                <div class="rowElem noborder">
                    <label>Usual slider: </label>
                    <div class="formRight">
                        <div class="uiSliderInc"></div>
                    </div>
                    <div class="fix"></div>
                </div>
                <input type="submit" value="Submit form" class="greyishBtn submitForm" />
                <div class="fix"></div>

            </div>
        </fieldset>
    </form>

我有一个范围在1到100之间的滑块，代码如下：

<div class="uiSliderInc"></div>

在另一个名为＆＃34; custom.js＆＃34;的文件中我有这个代码：

$( ".uiSliderInc" ).slider({
    value:50,
    min: 0,
    max: 100,
    step: 1,
    slide: function( event, ui ) {
        $( "#amount" ).val( "$" + ui.value );
    }
});
$( "#amount" ).val( "$" + $( ".uiSliderInc" ).slider( "value" ) );

我想在按下提交按钮到同一页面后发送此滑块的值，这样我就可以做一些php的事情了。我买了一个完整的css和jquery代码的主题，因为我不明白它，但现在我必须使用它。所以当我按下提交按钮时，有人可以帮助我发送价值吗？

Answer 1

您可以使用隐藏的输入

<fieldset>
    <div class="widget first">
        <div class="head"><h5 class="iList">Text fields</h5></div>
            <div class="rowElem noborder"><label>Name:</label><div class="formRight"><input type="text" name="name"/></div><div class="fix"></div></div>
            <div class="rowElem noborder">
                <label>Usual slider: </label>
                <div class="formRight">
                    <div class="uiSliderInc"></div>
                </div>
                <div class="fix"></div>
            </div>
            <input id="amount" type="hidden" name="amount"/>
            <input type="submit" value="Submit form" class="greyishBtn submitForm" />
            <div class="fix"></div>

        </div>
 </fieldset>

然后你可以像这样在服务器端获得价值：

$amount= $_POST['amount'];

Custom.js

$( ".uiSliderInc" ).slider({
   value:50,
   min: 0,
   max: 100,
   step: 1,
   slide: function( event, ui ) {
      $( "#amount" ).val( "$" + ui.value );
   }
});

使用提交按钮将jquery值传递给php

1 个答案: