jquery - 在 Ruby on Rails 表单中获取 HTML5 范围值

Question

我正在尝试更改标准的 Ruby on Rails 表单以让用户输入 HTML5 范围的值。我不知道应该如何替换标准的“<%= f.text_field :W1 %>”。

我有一个滑块：

<input class="slide" type="range" min="0" max="200" id="slider1">

显示值：

<text id="W1">100</text>

感谢阿贾克斯：

    $("#slider1").change(function () {                    
   var newValue = $('#slider1').val();
   $("#W1").html(newValue);
});

我不知道应该在哪里以及如何获取输入值来设置 W1 ？

编辑：HTML5 范围是 Ruby 中的 range_field 形式 herlper。我仍在寻找正确的实施方式，因此将不胜感激

Answer 1

我有！我不得不更换

<input class="slide" type="range" min="0" max="200" id="slider1">

经过

<%= f.range_field :w1, :min=>0, :max=>200, :class=>"slide", :id=>"slider1"%>

感谢那些帮助过我的人！

Answer 2

$("#W1").val(newValue);

这应该这样做。