Question

我正在创建一种注册表单，我已将FORM标签用于名称等等，而且我还需要滑块。我用jquery创建了我的滑块。有没有什么方法可以从这个滑块“转发”值，就像我将从FORM标签输入，为php脚本？感谢

<p style="text-align: center">Amount: <span id="amountDisp" style="color: #ff0000">500</span><div id="amount_slider"></div></p>

function () {
$("#amount_slider").slider({
            handle: "myhandle",
    orientation: "horizontal",
    range: false,
    min: 500,
    max: 4999,
    value: 500,
    step: 1,
            animate: true,
    change: function (event, ui) {
        $("#amount").text(ui.value);
        calculate();
    },
            slide: function (event, ui) {
        $("#amountDisp").text(ui.value);
    }
});

Answer 1

要在服务器上将值发布到php，您需要一些在滑块更改时保留值的文本字段。您可以使用隐藏输入。在此隐藏输入中设置值，并将与其他表单元素一起发布。

将html更改为以下内容 -

<p style="text-align: center">
   Amount: <span id="amountDisp" style="color: #ff0000">500</span>
   <div id="amount_slider"></div>
   <input type="text" id="amount_field">
</p>

我没有将hidden输入用于演示目的，并将js更改为 -

$("#amount_slider").slider({
    handle: "myhandle",
    orientation: "horizontal",
    range: false,
    min: 500,
    max: 4999,
    value: 500,
    step: 1,
    animate: true,
    change: function (event, ui) {       
        $("#amount_field").val(ui.value);
        $("#amountDisp").text(ui.value);
        calculate();
    },
     slide: function (event, ui) {
        $("#amount_field").val(ui.value);
        $("#amountDisp").text(ui.value);        
    }
});

SEE DEMO

<强>更新

如果您使用ajax提交表单，可以直接从amountDisp选择值 -

var sliderAmount = $("#amountDisp").text();

从jquery滑块获取值

1 个答案: