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

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

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

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

Bootstrap

BootstrapはウェブサイトデザインやUIのWebアプリケーションを素早く 作成する可能なCSSフレームワークです。 Twitter風のデザインを作成することができます。

Q&A

1回答

2910閲覧

Rails4 セレクトボックス

退会済みユーザー

退会済みユーザー

総合スコア0

Ruby on Rails

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

Bootstrap

BootstrapはウェブサイトデザインやUIのWebアプリケーションを素早く 作成する可能なCSSフレームワークです。 Twitter風のデザインを作成することができます。

0グッド

1クリップ

投稿2014/12/22 08:46

DBからセレクトボックスを動的に表示している場合、flat-uiにどう当てはめれば良いのでしょうか

lang

1<!--検索フォーム --> 2 <%= search_form_for @search, url:items_search_index_path do |f| %> 3 <%= f.select :category_id_eq, options_from_collection_for_select(Category.all, "id", "name") %> 4 <br> 5 <div class="input-group custom-search-form"> 6 <%= f.text_field :title_cont, placeholder:"キーワードで検索...", :class => "form-control" %> 7 <span class="input-group-btn"> 8 <%= button_tag "", :title_count => nil, class: "btn btn-default", type: "submit" do %> 9 <span class="fui-search"></span> 10 <% end %> 11 </span> 12 </div> 13 <% end %>

flat-ui

lang

1<select class="form-control select select-primary select-block mbl"> 2 <optgroup label="Profile"> 3 <option value="0">My Profile</option> 4 <option value="1">My Friends</option> 5 </optgroup> 6 <optgroup label="System"> 7 <option value="2">Messages</option> 8 <option value="3">My Settings</option> 9 <option value="4">Logout</option> 10 </optgroup> 11</select> 12

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

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

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

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

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

guest

回答1

0

質問の意図は f.selectで生成されるHTMLに対して、CSSのクラスを設定したいという意図でしょうか?
恐らくこのコードで動くと思います。
http://api.rubyonrails.org/classes/ActionView/Helpers/FormBuilder.html#method-i-select

lang

1f.select :category_id_eq, options_from_collection_for_select(Category.all, "id", "name")

lang

1f.select :category_id_eq, options_from_collection_for_select(Category.all, "id", "name"), {}, { :class => ="form-control select select-primary select-block mbl" }

投稿2014/12/24 02:03

hello-world

総合スコア1342

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

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

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

まだベストアンサーが選ばれていません

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

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

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

ただいまの回答率
85.48%

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

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

質問する

関連した質問