Checkboxで選んだ項目の表示について

Question

words/index ページに、英単語→日本語訳の表を表示しています。
（seeds.rbのCSVをindexに表示。)

英単語にチェックボックスをつけ、選択した英単語だけ、words/requestページに表示させたいのですが、エラーはないのですが表示できません。どうしたらいいでしょうか？

また、<%= form_tag("/words/request") do %>と、<input type="checkbox" name="choice" value="word_id”>の箇所を、form_withに変更するにはどうしたらいいでしょうか？
(Mac OS Big Sur Ruby 2.6.3 Rails 6.0.0)

seeds.rb

require "csv"

CSV.foreach('db/word.csv', headers: true) do |row|
  Word.create(
    enword: row['enword'],  
    jaword: row['jaword'],
    )
end

schema.rb

create_table "words", force: :cascade do |t|
    t.text "enword"
    t.text "jaword"
    t.datetime "created_at", precision: 6, null: false
    t.datetime "updated_at", precision: 6, null: false
    t.boolean "choice"
  end

words_controller

def index
   @words = Word.all
end

def request
  if params[:choice] == true
    @words = Word.where(id: params[:choice])
    @words.save
  end
end
-------
def word_params
  params.require(:word).permit(:id, :enword, :jaword, choice:[])
end

words/index.html

<%= form_tag("/words/request") do %>
           ------------------------
           <tbody>
                <% @words.each do |word| %>
                  <tr>
                    <td><input type="checkbox" name="choice[]“ value="word_id”></td>
                    <td><%= word.enword %></td>
                    <td><%= word.jaword %></td>
                    <td><%= link_to 'Show', word %></td>
                    <td><%= link_to 'Edit', edit_word_path(word) %></td>
                    <td><%= link_to 'Destroy', word, method: :delete, data: { confirm: 'Are you sure?' } %></td>
                  </tr>
                <% end %>
             </tbody>
         </table>
         <input type="submit" value="選択">
      <% end %>

words/request.html

   <tbody>
      <% if @words.present? %>  
           <% @words.each do |word| %>  
                <tr>
                    <td><input type="checkbox" name="choice" value="word_id"></td>
                    <td><%= word.enword %></td>     
                    <td><%= word.jaword %></td>
                 </tr>
            <% end %>
       <% end %>  
   </tbody>
</table>
<input type="submit" value="保存">

ターミナル　（３個選択の場合）

Parameters: {"authenticity_token"=>"p0Ww3K/qyDgUybK2f78n1peVYpwz5c7gu4Qo1T4XvQs4Ionjw6+myty+2SHp3mJwsBIORdMRcCH03zwHKVgzGA==",
 "choice"=>["word_id", "word_id", "word_id"]}  

---

追記

word.csv (今回は練習でできれば将来csvファイルを増やしたいのですが--。)

id,enword,jaword
1,apple,りんご
2,orange,オレンジ
3,red,赤
4,black,黒
5,white,白
6,tree,木
7,mountain,山
8,sky,空
9,star,星
10,day,日

words/index.html
(以下のような形式にすべきでしょうか？ 現在はroutesの不具合等でエラーが出ます）

<%= form_with model: @words, local: true do |f| %>
          <%= f.check_box :choice %>
          <%= f.submit %>
 <% end %>

<table class="table-responsive table table-striped table-bordered">
     <thead>
        <tr>
          <th></th>
          <th>English</th>
          <th>Japanese</th>
          <th collapse="3"></th>
        </tr>
     </thead>

     <tbody>
        <% @words.each do |word| %>
           <tr>
              <td><input type="checkbox" name="choice[]" value="word.id" ></td>           
              <td><%= word.enword %></td>
              <td><%= word.jaword %></td>
              <td><%= link_to 'Show', word %></td>
              <td><%= link_to 'Edit', edit_word_path(word) %></td>
              <td><%= link_to 'Destroy', word, method: :delete, data: { confirm: 'Are you sure?' } %></td>
           </tr>
        <% end %>
     </tbody>
  </table>

現在のwords/index.html

<%= form_tag("/words/request") do %>
　　<table>
     ——————
   </table>
<% end %>

words/index 画面

words/request 画面

Comments

[m.ts10806]

csvの内容を提示してください。
あと"と“は全く別の記号であり、HTMLが正しくないのでちゃんと動かない原因になるかと。
「チェックボックスを選択」のあとはどういう操作をする予定ですか？
何かしらでサーバーサイドにリクエストを送る必要がありますが、現状ではそのあたりの要件が見えません。

[szngk]

早速ありがとうございます。
追記にword.csvを追加しました。
チェックボックスを選択→ words/requestで 表示し保存の予定ですが方法がわかりません。
words/index.htmlの形式は、追記のように変更すべきでしょうか？

Answer 1

value="word_id”　を　value=word.id にしてください。
そうしますと
"choice"=>["word_id", "word_id", "word_id"]} が
"choice"=>["2", "5", "13"]} の様になりますので、
Word.where(id: params[:choice]) で取れます

def request if params[:choice] == true @words = Word.where(id: params[:choice]) @words.save
のparams[:choice] == true は常に　falseですね。けしてifの中に入りません。if params[:choice].present? に。

すると
@words.save　がエラー吐きますね。このsaveは何を意図してます？

Comments

[szngk]

早速ありがとうございます。
@words.saveは、一応保存のつもりでしたが削除しました。
html とwords_controller を以下のように変更すると、 "choice"=>["word.id", "word.id", "word.id"]　となります—。
value=“word.id” 　 (value=word.id も）
def request
if params[:choice].present?
@words = Word.where(id: params[:choice])
end
end
質問の表記がまぎらわしくてすみません。
words/indexは、現在は下記のようになっています。
<%= form_tag("/words/request") do %>
　<table>
—————
</table>
<% end %>

[winterboum]

そか、うっかりした
value=“<%= word.id %>”

[szngk]

value=“<%= word.id %>” にすると、"choice"=>["1", "2", “3”] になりました。
ありがとうございます！
ただ、requestページで選択項目の表示がありません。
また何かありましたらどうぞ宜しくお願い致します。

[winterboum]

「選択項目の表示がありません」とは
<td><%= word.enword %></td>
<td><%= word.jaword %></td>
が表示されない、ということですか？

[szngk]

はいそうです。
requestページでは、表の１行目English・Japaneseだけ表示されます。

[winterboum]

どの controller アクションにに対し、どのviewでの話で、
何件表示されるべき所何行のチェックボックスがある
のでしょう

[szngk]

words/indexの表からcheckboxで選択し、words/requestに選択項目だけの表を表示・保存したいと考えています。（現在は練習で、この質問サイトに追記したword.csvファイルで10行です。できれば複数の csvファイルを追加して数百行にしたいのですが—。）

「indexアクションで選択、requestアクションで選択項目表示・保存」すべきでした。
以下の３点を変更しました。
結果は同じで、request画面では表だけ、choice"=>["1", "2", “3”]です。

①words_controllers indexアクションに下記を追加。
if params[:choice].present?
　 @words = Word.where(id: params[:choice])
end
②request アクション　 空白（表記がわかりません）　　
③words/index.html　
　　<%= form_tag("/words/request") do %>を下記に変更しました。
　　 <%= form_with(model: @word, url: words_request_path, local: true) do |form| %>

[winterboum]

質問に答えていただかないと理解が進みません
どの controller アクションにに対し、どのviewでの話で、
何件表示されるべき所何行のチェックボックスがある
のでしょう

[szngk]

大変すみません。
words controller のindex画面に、seeds.rb の word.csvを表示し、checkboxを追加。
words controller のindexアクションで、checkboxの選択項目を取得して、
words controller のrequest アクションで、checkboxの選択項目を表示・保存。
words/request 画面で、保存したcheckboxの選択項目を表示したいと考えております。

質問コーナーに画面のスクショを追加しました。
10件表示で、10個の checkbox があります。

[winterboum]

みたところ、enword もjawordも表示されていて、「ただ、requestページで選択項目の表示がありません。」という状態ではないとみえますが？

[szngk]

以下のように変更して、選択項目の表示ができました！
ありがとうございます！

① words/index.html
<%= form_with(model: @word, local: true) do |form| %>　

② words_controller
def create
if @words = Word.where(id: params[:choice])
　render :request
end
def request
@words = Word.where(id: params[:choice])
end

③ routes
resources :words do 　　
member do
post 'request', to: 'words#request'
end
end
（現在は、checkした項目の表示画面が、/words/request ではなく、/words になってしまいます。この点等その他新しい質問を、後日投稿する予定です—。）