javascript - 在 Rails 中显示 range_field 值

Question

我有一个 range_field，允许用户在表单中选择 0 到 100。我希望能够显示 range_field 的值，但我不知道该怎么做。我对 Rails 和 javascript 非常陌生，因此我们将不胜感激。

谢谢

Answer 1

老实说，我不会使用Javascript。我在我的应用程序中使用库存 rails range_field。你可以在这里查看：

range_field

这是我的应用程序中范围字段的示例代码片段：

<%= range_field :thing1, :in => 0..100, :step => '.1' %>

这是一个不错的小滑块，在 iOS 和 Web 上运行良好，在 Android 上看起来也不错。

Answer 2

此代码段将允许您在滑块更改时更新标签的值（或者如果您想在页面加载时显示它，您可以将 .change 更改为 .ready）。

在表格中

#form.html.erb
<%= form_for Foobar.new do |f| %>
  <%= f.label :some_size, "Current Value = " %>
  <%= f.range_field :some_size, :in => 0..100, :step => 1 %>
<% end %>

然后是 jQuery

#form.js
$("#new_foobar").change(function() { 
  $form = $(this);
  $input_value = $form.children("#foobar_some_size").val();
  $label = $form.children("#foobar_some_size").siblings("label");
  $label.text("Current Value = " + $input_value);
})