Slider-Pips值为隐藏输入

时间:2015-11-26 14:37:52

标签: jquery slider

我正在使用范围Slider Pips。我想将2个隐藏输入字段(#pricefrom,#priceto)的值设置为选择范围。使用更改功能,我可以更改1值但是有人可以帮助我如何将值从2.输入更新到正确的值吗?

<input id="pricefrom" type="hidden" name="pricefrom" value="">
<input id="priceto" type="hidden" name="priceto" value="">


{$(".slider")

.slider({ 
    min: 0, 
    max: 2000, 
    range: true, 
    values: [200, 800],
    step: 10,
     //this updates the value of your hidden field when user stops dragging
    change: function(event, ui) {
        $('#pricefrom').attr('value', ui.value);
    }
})

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

.slider("float");}

1 个答案:

答案 0 :(得分:0)

ui对象应该具有values属性,该属性是一个数组。这包含每个句柄的所有值。因此[0]将成为第一个句柄,[1]将成为第二个句柄;

  change: function(event, ui) {

    $('#pricefrom').attr('value', ui.values[0]);
    $('#priceto').attr('value', ui.values[1]);

  }