javascript - Rails で range_field の値を表示する

Question

ユーザーがフォームで 0 から 100 の間で選択できるようにする range_field があります。range_field の値を表示できるようにしたいのですが、その方法がわかりません。私はレールとJavaScriptに非常に慣れていないので、助けていただければ幸いです。

ありがとう

Answer 1

正直なところ、私はJavascriptを使用しません。アプリケーションでストックレール 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);
})