railsでのセレクトタグの使い方

Question

###前提・実現したいこと
セレクトタグを使用して、hoge hugaどちらか選択できる場合
hogeを選んで保存。viewで表示する場合はカラーを白。
hugaを選んで保存。viewで表示する場合はカラーを黒。
とこのようにセレクトタグで選んだ項目によって色の文字を使い分けて表示させたいのですが、どのようにするといいのでしょうか？

それとも、こういった場合はもっと他に何か違う方法があるのでしょうか？

ご教授頂けると嬉しいです。

Answer 1

表示をどうするかの話なので、どのように値を設定するか(セレクトタグ)は考えなくて良いです。

具体的なソースコードがないと話が出来ないので、
ここではItemモデルのoptionにhogeとかfugaが文字列で格納されているものとします。

Itemの一覧を表示するビューがあるとしたら、こんな感じですよね。

<% @items.each do |item| %>
<ul class="item-list">
  <li class="<%= item.option %>"><%= item.option %></li>
<% end %>
</ul>

ここでは、item.optionに"hoge"か"fuga"が必ず入っているという前提のもと、
liのclassとしてhoge,fugaを設定する事にしています。
したがって、li.hoge, li.fugaに色を設定すれば良いです。

ul.item-list {
  li {
    &.hoge {
      color: #ffffff;
    }
    &.fuga {
      color: #000000;
    }  
  }
}

Comments

[riamk]

サンプルでコードまでつけて、丁寧にご説明頂きありがとうございます。
早速教えて頂いたように実践してみます！

ありがとうございました！

[riamk]

試してみて理解が深まりました！
liのclassに<%= item.option %>を設定できるとは知らなかったので、とても勉強になりました！

また機会がありました、ご教授頂けると嬉しいです。
ありがとうございました！

[mingos]

解決したようで良かったです！
railsの表示は、最終的に作られるHTMLがどうなればいいのかを先に考えるとうまく行く場合が多いように思います。
今回の場合、こうなれば良いのでは？とイメージして
<li class="hoge">...</li>
<li class="fuga">...</li>

item.optionにhoge, fugaが入っていると仮定したら、
<%= item.opition %>が使えるはず、という風に考えました。

[riamk]

最終的に作られるHTMLがどうなるのか。
ここの発想がなかったので、とても参考になります。
回答を頂いたら「ああ、そうなるんだな」と納得できるのですが、その回答にまで自分自身ではなかなか辿り着けず、こうしたいいのかな？でもこれが正しいのかな？とフワフワとした感じでいるので、もっと経験と知識を増やして頑張っていこうと思います！