如何将值从双句柄jQuery滑块传递到Rails表单

时间:2015-09-11 03:38:13

标签: jquery ruby-on-rails

我正在以轨道形式使用Slider Pips的双重处理滑块。如何将两个滑块手柄位置的值传递给我的rails控制器:min_sat和:max_sat? This是Slider Pips的JS文件。

这是js

$(".element")
.slider({
    max: 1600,
    range: true,
    values: [1, 1600]
   }
})

.slider("pips", {
    rest: "label"
})

.slider("float");

和滑块的html

<div class="element"></div>

1 个答案:

答案 0 :(得分:2)

一般来说,您使用jquery-ui-slider方法:.slider("values")http://api.jqueryui.com/slider/#method-values)会返回一组值。

您可以在表格上填写:

$(".element").slider("values");

然后将其发送到隐藏的表单字段,或通过JSON发送给您的控制器。

或者您可以实时更新隐藏的表单字段,如:

$(".element").on("slide", function( ui ) {
    $("#formField").val( ui.values );
});

然后正常发布该表单,您的控制器可以处理其余部分。