Question

使用jQuery范围滑块我一直试图在隐藏的输入字段中获取将用于搜索的值。

隐藏的输入字段与滑块字段具有相同的ID，而隐藏的输入字段显示任何值！

    $(document).ready(function() {
    $( "#sliderranger" ).slider({
        range: true,
        min: 0,
        max: 500,
        values: [ 75, 300 ],
        slide: function( event, ui ) {
            $( "#amount1" ).val( "THB " + ui.values[ 0 ] );
            $( "#amount2" ).val( "THB " + ui.values[ 1 ] );
            var price1 = ui.values[ 0 ];
            var price2 = ui.values[ 1 ];
            //alert(price1 + " " + price2); 
            $( "#price1" ).value = price1;
        }
    });
    $( "#amount1" ).val( "THB " + $( "#sliderranger" ).slider( "values", 0 ));
    $( "#amount2" ).val( "THB " + $( "#sliderranger" ).slider( "values", 1 ));
});

以上是js代码，如果这有用，如果您需要更多信息让我知道，我会看到我能做什么。

希望有人可以帮我看看这个话题吗？

Answer 1

隐藏的输入字段具有相同的ID 作为滑块字段的值

我希望您并不是说在同一页面上有两个具有相同id属性的元素。如果是这样，您需要更改此设置，否则您将看到意外结果。

至于使用滑块结果设置隐藏输入的值，看起来你很接近。这一行：

$( "#price1" ).value = price1;

应改为：

$( "#price" ).val(price1);

以下是您修改的代码（并使用input类型的可见text元素代替hidden）：http://jsfiddle.net/andrewwhitaker/Pyprr/

jQuery UI Range Slider值输入字段

1 个答案: