質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.46%
Ruby on Rails

Ruby on Railsは、オープンソースのWebアプリケーションフレームワークです。「同じことを繰り返さない」というRailsの基本理念のもと、他のフレームワークより少ないコードで簡単に開発できるよう設計されています。

Q&A

0回答

462閲覧

Ruby on Railsのレスポンスされるビュー表記について

higmonta

総合スコア29

Ruby on Rails

Ruby on Railsは、オープンソースのWebアプリケーションフレームワークです。「同じことを繰り返さない」というRailsの基本理念のもと、他のフレームワークより少ないコードで簡単に開発できるよう設計されています。

0グッド

0クリップ

投稿2021/12/17 15:44

Ruby on Railsの初心者になります。
想定しているものがブラウザに表示されずに困っています。

記述しているコードは、以下のようになります。

[app/controllers ファイル] def search_time @fishes = Fish.all @cookings = Cooking.all search_time_format = CookingSearchTimeForm.new(fish_kind: params[:fish_kind], cooking_name: params[:cooking_name], count: params[:count]) @fish = Fish.find_by(kind: params[:fish_kind]) end
[app/views ファイル] .search-wrapper .container .row.justify-content-md-center .col-md-auto.mt-5 = form_with url: search_time_cooking_informations_path do |f| .form-group = f.collection_select :fish_kind, @fishes, :kind, :kind, { include_blank: '魚の種類(必須)' }, {class: 'search_select_form'} = f.collection_select :cooking_name, @cookings, :name, :name, { include_blank: '料理の種類(必須)' }, {class: 'search_select_form'} = f.number_field :count, min: 1, placeholder: '料理する魚の数(必須)', class: 'search_form text-center' = button_tag type: 'submit', class: 'btn btn-primary search_button' do i.fas.fa-search .row.justify-content-md-center .col - if @fish.present? | テスト1 - else | テスト2

ブラウザでセレクトボックスで値を選択して検索をかけると、コントローラのsearch_timeアクションが実行されるようになっています。
ブラウザ上では、[view]ファイルの以下の条件式により、表示される文言を変えるようにしています。

- if @fish.present? | テスト1 - else | テスト2

試したこと

開発者ツールの[Elements]と[Network]のレスポンスとプレビューを使うと以下のようになります。

セレクトボックスで[fish_kind]の値を選択しなかった場合

[Elements]

https://i.gyazo.com/d650792c4af199d40eb4ed39108465b2.png

[Network]のレスポンス

https://i.gyazo.com/9cdf7af7a3229b42d708e9d21b79a3b3.png

[Network]のプレビュー

https://i.gyazo.com/be11d044ea21869cc4d0aee630acade9.png

セレクトボックスで[fish_kind]の値を選択した場合

[Elements]

https://i.gyazo.com/dee7df2854f89d422597e8f0a910d465.png

[Network]のレスポンス

https://i.gyazo.com/994db984bc227aadd1040fb06e089a21.png

[Network]のプレビュー

https://i.gyazo.com/044696e35aa690e84d68b0eb17e0c01b.png

上記のことから、ブラウザ上でセレクトボックスで[fish_kind]の値を選択している or 選択していない場合で検索をしても表示が変わらないのは、[Elements]の値が変わっていないからだと思うのですが、レスポンスでは値を選択している時と選択していない時で、返って来ている表示が異なっているのですが、[Elements]では表示が変わっていないことが原因だと考えています。

開発者ツールの[Network]のレスポンスで返ってくるものと[Elements]に表示されるものは、イコールだと考えていたのですが、イコールにはならないでしょうか?
キャッシュが関係しているのかもと思いキャッシュを削除したのですが、変わりませんでした。

セレクトボックスで値を選択した場合と選択しない場合でブラウザ上の表示を変えたいのですが、原因と解決策を教えていただければと思います。

よろしくお願いいたします。

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

まだ回答がついていません

会員登録して回答してみよう

アカウントをお持ちの方は

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.46%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問