前提・実現したいこと
こんばんは。
プログラミング勉強を初めて5ヶ月の者です。
Railsにて、オリジナルアプリを作っています。
ユーザーの新規登録において、生年月日を入力できるようにしたいのですが、プルダウンを表示できません。
実現したいこととしては、ユーザーに生年月日を入力してもらい、データーベースのbirthday
カラムにデータが保存されるように実装したいです。
Materialize
を使用すると、Railsのヘルパーは使用できないのでしょうか?
現状
- Rails6にて作成。
- ユーザー管理のために
devise
を導入。 - cssフレームワークとして
Materialize
を使用。
VSコードの状況(HTMLとcssにあたる部分)
VSコードの状況(全体的な階層)
Materialize
を使用するためにJavaScript
配下にcssファイルを作成。
ターミナルの状況
JavaScriptの状況
マテリアライズのホームページにある、JavaScriptファイルの初期化を行なっている。
document.addEventListener('DOMContentLoaded', function() { var elems = document.querySelectorAll('select'); var instances = M.FormSelect.init(elems, options); });
調べたこと・仮説
初めはプルダウンそのものの記述が誤っていると思い調べていたのですが、検証では、option value
が生成されている様子なので、だんだんとプルダウンが表示できない原因はMaterialize
ではないかと思い始めました。
- https://teratail.com/questions/180028
- https://peacejet.hatenablog.com/entry/notes-on-using-materialize
上記の記事も参考にさせていただきました。
試したこと
マテリアライズのホームページにある、
<label>Browser Select</label> <select class="browser-default"> <option value="" disabled selected>Choose your option</option> <option value="1">Option 1</option> <option value="2">Option 2</option> <option value="3">Option 3</option> </select>
をapp/views/devise/registrations/new.html.erb
に表示されると、プルダウンでオプション1、2、3が表示された。
以上です。
マテリアライズを使って、プルダウン(今回は生年月日)を表示させる方法、表示した後、選択したデータを最終的にデータベースに保存できる方法を教えてください。
どうかお知恵をいただけると嬉しいです。
よろしくお願いします。
あなたの回答
tips
プレビュー