2024年11月のおすすめスクール

【Rails】フォームタグをform_forでやるときのセレクトボックスの作り方

  • URLをコピーしました!

リストボックスとか、ドロップダウンリストとか言うと思うけど、正式名称はセレクトボックスらしい。

こういう選択リストから選択させるフォームですね。

リファレンスを見てみる。
http://railsdoc.com/references/select

しかし意味がわからない。

http://railsdoc.com/form

こっちの方が詳しく書いてある。
選択ボックス(select)という章があるけど、自分がやりたいのと違う気がする。

使い方は

select(オブジェクト名, プロパティ名, タグの情報 [, オプション])

と書いてあって事例は

<%= select :page, :name, [[“Railsの基礎”, “rails_base”], [“Rubyの基礎”, “ruby_base”]] %>

と書いてあるけど、これも違う気がする。

いろいろさまよって自己解決したのでメモを残しておく。

たとえば年齢を選択させるフォームタグ。ageはカラム名。

目次

登録(new)時のフォームタグのセレクトボックス

newアクションの時は、初期値が入っていないので「選択してください」を表示させる。

new.html.erbファイル

&amp;lt;%= form_for(@モデル名) do |f| %&amp;gt;

&amp;lt;%= f.select :age, [[&amp;quot;20代&amp;quot;, &amp;quot;20代&amp;quot;], [&amp;quot;30代&amp;quot;, &amp;quot;30代&amp;quot;],  [&amp;quot;40代&amp;quot;, &amp;quot;40代&amp;quot;], [&amp;quot;50代以上&amp;quot;, &amp;quot;50代&amp;quot;],[&amp;quot;60代以上&amp;quot;, &amp;quot;60代以上&amp;quot;] ],  :prompt =&amp;gt; &amp;quot;選択してください&amp;quot; %&amp;gt;

&amp;lt;% end %&amp;gt;

こんな感じ。

[]の中の左側は画面上に表示する文字で、右側はデータベースに登録する値です。
[]の中に[]を,区切りで入れて選択肢を増やしています。

ちなみに左側と右側が同一の場合は省略ができます。
<%= f.select :age, [“20代”, “30代”, “40代”, “50代”, “60代以上”], :prompt => “選択してください” %>
こんな感じです。

編集(edit)時のフォームタグのセレクトボックス

editアクションの時は、既に存在しているモデルのカラムを表示させておく必要があるので、
selected属性を指定したい。

edit.html.erbファイル

&amp;lt;%= form_for(@モデル名) do |f| %&amp;gt;

&amp;lt;%= f.select :age, [[&amp;quot;20代&amp;quot;, &amp;quot;20代&amp;quot;], [&amp;quot;30代&amp;quot;, &amp;quot;30代&amp;quot;],  [&amp;quot;40代&amp;quot;, &amp;quot;40代&amp;quot;], [&amp;quot;50代以上&amp;quot;, &amp;quot;50代&amp;quot;],[&amp;quot;60代以上&amp;quot;, &amp;quot;60代以上&amp;quot;] ],  :selected=&amp;gt;@モデル名.age %&amp;gt;

&amp;lt;% end %&amp;gt;

このように:selected=>@モデル名.age としたらうまくいっちゃった。\(^o^)/

と、思ったらこの部分書かなくても初期表示値で出てくるよ(´・ω・`)

ていうかね、リファレンス無いから書き方わからんのよ。
予想してプログラミングしたらうまくいく!これがRailsの醍醐味(ぉぃ

あと間違ってたらご指摘お願いしますm(__)m


目次