jQuery UI Range Slider 值到输入字段

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);

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