Question

基本上，这就是交易：我有一组动态生成的jQuery Sliders，每个都有一个相应的输入字段，用于检索使用滑块选择的值。这很好。

脚本是这样的：

$(function(){
    $('.nuisance_slider').slider({
        value: 50,
        slide: function( event, ui ) {
            $(this).prev('.nuisance_value').val( ui.value );
        }
    });
    $('.nuisance_value').val( $('.nuisance_slider').slider('value') );
});

标记为：

<input type='hidden' class='nuisance_value' name='a' />
<div class='nuisance_slider'></div>

<input type='hidden' class='nuisance_value' name='b' />
<div class='nuisance_slider'></div>

因此，当移动一个滑块时，其上方的输入元素将被更新。

我的挑战是：标记是主要输入表单的一部分，我需要能够将数据填充到此表单中，并让滑块自行调整到正确的位置。理想情况下，这只需要添加值=“35”来输入例如。

实现这一目标的最简单方法是什么？

提前谢谢！

最好，乔纳斯

Answer 1

您可以执行以下操作：

//set the input value to 75
$('input[name="a"]').val('75');

//set the slider value
$(".nuisance_slider").slider( "option", "value", 75 );

jQuery滑块和相应的输入字段

1 个答案: