エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
検索機能で検索boxの下に候補を出す方法 - Qiita
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
検索機能で検索boxの下に候補を出す方法 - Qiita
0 はじめに 今回は以下の写真のように、ユーザーが検索する時の助けになるように、boxの下に候補を出す... 0 はじめに 今回は以下の写真のように、ユーザーが検索する時の助けになるように、boxの下に候補を出す方法を記述します。 もっといい方法があるとは思いますが、今の私の理解力と技術ではこれがベストです。 バージョンです 1 実装の流れ a) controllerで候補に出すデータをインスタンス変数に入れる b) viewにinputタグ(type:hidden)を記述。その中に1の変数を記述 c) 検索boxに入力されるたびに発火させ処理させる d) 検索boxに入力された値をもとに正規表現を作成 e) インスタンス変数の値をeachで取り出して正規表現とマッチするか調べる f) マッチしたものだけ関数を使って要素を作り、検索boxにappendする 2 コード・解説 a) controllerで候補に出すデータをインスタンス変数に入れる jsサイドにデータを渡すためのコードです。 今回は「