2
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 1 year has passed since last update.

f.selectへのclassに苦労した件

Last updated at Posted at 2021-11-21

今回はf.selectにBootstrapを当てる際に苦労したので短いですが備忘録として書いていきます!

使っている環境

  • Vscode
  • Rails 5.2.6
  • ruby 2.6.6

目次

初めに

  • 何か不手際などあればご指摘いただけるとありがたいです。🙇

やりたかった事

セレクトタグのフォームを整えたかった。

苦戦したコード

<%= f.select :amount, [[1, 1], ["2", 2]], include_blank: "個数選択", class: 'form-control' %>

まず以下の記事などを参考にしたときHTMLオプションは第四引数に書けばいいのかと思っていました。しかし、なーぜかうまくいかない.....

参考

【Rails】完全理解 formでセレクトボックスをつくるselectの使い方(参照日時2021/11/21)
railsでBootstrapのselectタグのCSSを使う(参照日時2021/11/21)

こうしたら上手くいきました

<%= f.select :amount, [[1, 1], ["2", 2]], {include_blank: "個数選択"}, class: 'form-control' %>

参考記事にもあったのですが、空じゃなくても第三引数のは{}必要なんですね!コードは正直です(泣)💦

最後に

これに限らず、活用しきれてないメソッドがまだまだあるはずなので、頑張っていきたいと思います!

2
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
2
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?