将Slider值插入表单域

Question

我正在使用jQuery UI中的滑块，并希望将滑块值插入到表单中。我该怎么做呢？以下是我的表单的代码段。

感谢。

$("#slider").slider({ max: 200000,step:50, 
    change: function(event, ui) {
        $('what_to_insert_here').empty().append(ui.value);
    }
});

<form action='/submit' method="POST">
    <div class = 'form'>
        <label>SliderValue:</label>
        <input type="text" name="Value" > </input>
    </div>
    <input type="submit" value="Submit!" />
</form>

Answer 1

如果我理解你的问题，那么你有两个步骤可以实现：

1. 将<input type="text" name="Value" > </input>更改为<input type="text" name="Value"/>。 input代码没有结束标记。
2. 将您的jQuery更改为以下内容：

   $("#slider").slider({
       max: 200000,
       step:50, 
       change: function(event, ui) {
           $(".form input[name='Value']").val( ui.value );
       }
   });

我们对jQuery的处理是将div中value元素的input属性设置为form类到ui.value等于。