🔘

【Rails】ラジオボタン / セレクトボックスの作成

2023/08/10に公開

今日は簡単なアウトプット。

ラジオボタンの作成方法

以下のようなラジオボタンを作成する方法。

<%= form_with model: @user do |f| %>
  <%= f.label :gender, "性別" %>
  <%= f.radio_button :gender, "male" %> 男性
  <%= f.radio_button :gender, "female" %> 女性

  <%= f.submit "登録" %>
<% end %>

初期状態でどちらかにチェックをいれたい場合は、以下のようにchecked属性を追加する。

  <%= f.radio_button :gender, "male", checked: true %> 男性
  <%= f.radio_button :gender, "female" %> 女性

上記のコードでは、男性のラジオボタンが初期チェックされる。

セレクトボックスの作成方法

プルダウンメニューとも呼び、リストから1つを選ぶためのもの。
以下のボックスを作成。

<%= form_with model: @user do |f| %>
  <%= f.label :favorite_fruit, "好きな果物" %>
  <%= f.select :favorite_fruit, options_for_select(["りんご", "バナナ", "オレンジ", "ぶどう"]) %>

  <%= f.submit "登録" %>
<% end %>

お盆で妻の実家にきています。
そのあとは俺の実家へ向かう予定です。
ただ台風の影響で新幹線の運行が中止される可能性があるというニュースがあり心配です。

今日からチームで一緒だった方の中には、既に台風の影響が出ている方もいました。
台風の影響ですでに被害が出ている地域の皆様には心からお見舞い申し上げます。どうかお身体に気を付け、安全を最優先にされてくださいね。

Discussion