「押さえておきたいWeb知識」のnoteを開設しました!

[Rails入門] select_tagの使い方を分かりやすく解説!

このページではRailsのselect_tagの使い方を詳しく解説していきます。

最後まで読んでいただくことでselect_tagの使い方を学ぶことができます。

是非、読んでいただけたらと思います。

1.select_tagの使い方

ここではselect_tagの使い方を解説していきます。

このページでは「WebApp」というWebアプリケーションの作成、コントローラーの作成、ビューの作成を終えているという前提でお話を進めていきます。

Webアプリケーションの作成、コントローラーの作成、ビューの作成の仕方を知りたい方は以下の記事をご覧ください。

[入門者向け] Ruby on Railsのアプリケーション作成方法を分かりやすく解説! [入門者向け] Ruby on Railsのcontrollerを分かりやすく解説! [入門者向け] Ruby on Railsのviewを分かりやすく解説!

それでは「select_tag」というメソッドを使用してみましょう。

sampleビューのindex.html.erbを開いて以下のようにコードを記述します。

上記ではselect_tagの中にs1というID名とoptions_for_selectという配列が格納されています。

次にsampleコントローラーを開いて以下のようにコードを記述します。

select_tagは選択したリストの値が送信されます。

そのため、リストの値を取得したい場合、params[“s1”]で送信した値を取り出すことができます。

それではサーバーを起動してWebページにアクセスしてみましょう。

アクセスすると以下のように表示されます。

例えば、1を選択して送信ボタンをクリックすると、どのような動作をするのでしょうか。

上記のように「1を選びました。」としっかりとメッセージが表示されました。




2.複数選択可能なselect_tagの使い方

上記では一つの項目を選択して送信するというselect_tagの使い方を紹介してきましたが、実際に複数選択をするselect_tagを使用したい場合もあるかと思います。

ここでは複数選択が可能なselect_tagの使い方を解説していきます。

複数選択の設定はselect_tag内のoptions_for_selectの後で行います。

それでは複数選択を可能にする場合、どのようにコードを記述すればいいのか見ていきましょう。

sampleビューのindex.html.erbを以下のように書き換えてみましょう。

上記ではoptions_for_selectタグの設定を行った後に、「{multiple:true}」というハッシュが用意されているかと思います。

ハッシュ内を「multiple:true」にすることで複数選択が可能となります。

このようにすることでプルダウンメニューがリストに変更されます。

次にsampleコントローラーを以下のように修正しましょう。

送信された複数の値はprams[“s1”]で取得することができます。

一つの項目を選択して値を送信する場合は値が送信されますが、複数項目を選択して値を送信する場合は値が配列になるという点に注意しないといけません。

それではサーバーを起動してWebページにアクセスしてみましょう。

アクセスすると以下のように表示されます。

例えば、1、2を選択して送信ボタンをクリックすると、どのような動作をするのでしょうか。

上記のように1と2が配列となって表示されました。




3.Ruby on Railsを学ぶことができるオススメの教材

Ruby on Railsを学習している皆様にオススメの教材をご紹介させていただきます。

現場で使える Ruby on Rails 5速習実践ガイド

以下の本はRuby on Railsの学習を一通り終えてある程度知識を身につけた方にオススメしたい本です。

 

現場で使える Ruby on Rails 5速習実践ガイド」は現場で実際にどのように使われているのかという視点も交えて解説されています。

そのため、初心者の方が次のステップに進むために最適な本となっていますので、オススメです。

これらの本で是非学習を進めてみてはいかがでしょうか?

レベル別におすすめの本も紹介していますので、どのような本がオススメか知りたい方はこちらもご覧になって下さい。

[2021年最新版] Ruby on Rails を学ぶことができるおすすめの本

Udemy

UdemyではRuby on Railsを学ぶことができる講座を多数取り扱っています。

以下の記事でRuby on Railsを学ぶことができるオススメの講座をまとめていますので、よかったらご覧になって下さい。

[2021年最新版] Udemy(ユーデミー) おすすめのRuby on Rails講座

プログラミングスクール

TechAcademyWebCampCodeCampTech CampなどでRuby on Railsを学ぶことができます。

それぞれ無料体験も行っているので、どのようなものか試してみるのもいいでしょう。

以下の記事で各プログラミングスクールをまとめているのでこちらもよかったらご覧になってください。

プログラミングスクール TechAcademy(テックアカデミー)とは? 特徴・口コミをまとめてみました! プログラミングスクール DMM WebCamp ビジネス教養コースとは? 特徴・口コミをまとめてみました! プログラミングスクール CodeCamp(コードキャンプ)とは? 特徴・料金・口コミをまとめてみました! [感想・体験談アリ!] 実際にTech Camp(テックキャンプ)のプログラミング教養でプログラミングをやってみた! [感想・体験談あり!] Tech Camp(テックキャンプ)のプログラミング教養の学習内容は? 働きながらTECH CAMP(テックキャンプ)で学ぶことはできるのか? 結論:可能です! TECH CAMP(テックキャンプ)ではどのような言語・技術を学ぶことができるの? TECH CAMP(テックキャンプ)の受講料はどのくらい? 安く通う方法もお話します! [体験談・感想あり!]TECH CAMP(テックキャンプ)でどのようなスキルが身につくの?




4.ポイント

select_tagの書式

select_tag(ID, options_for_select(配列))

複数選択が可能なselect_tagの書式

select_tag(ID, options_for_select(配列), {multiple:true})

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です