1

我正在创建一种注册表单，我已经使用 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);
    }
});
4

1 回答 1

0

要将值发布到服务器上的 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);        
    }
});

看演示

更新

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

var sliderAmount = $("#amountDisp").text();
于 2013-03-31T18:39:54.507 回答