Q&A
>検索結果を再表示
結果を再表示するのですか？
検索したキーワードを再表示するのですか？
jQueryのautocompleteを利用し、テキストボックスから入力された文字をajax通信を行い検索結果をプルダウンリストに表示するソースを作成しました。
その際、テキストボックスからフォーカスが外れた際にリストが非表示になるのですが、
再度フォーカスした際に検索結果を再ボールドテキスト表示する方法が見つからず困っています。
再度フォーカスした際に通信を行わず既存の検索結果を再表示する方法はありませんでしょうか。
言葉足らずで申し訳ありません。
再表示するのはすでにテキストボックスに入力した内容の検索結果です。
もう少し具体的な例をあげてもらえると助かります
> テキストボックスに入力した内容の検索結果です。
テキストボックスに「aaa」といれて検索した結果が「xxx/yyy/zzz」だったら
「検索結果」を表示したいなら「xxx/yyy/zzz」を再表示ということですか？
検索したらページが遷移されてテキストボックスに再度フォーカスするには
そのページに戻らないといけませんが、どういう検索の仕組みなのでしょうか？
テキストボックスに入力した内容の検索結果はautocompleteのドロップダウンメニューに表示されます。
そのドロップダウンメニューをテキストボックスに再度フォーカス当てた際に再表示する方法です。
解りづらくて申し訳ありません。
回答1件
0
検索キーワードの再表示であればlocalStorageなどに保持しておいてdatalistにセットすれば行けそうな気がします。
datalistサンプル
HTML
1<input list="hoge"> 2<datalist id="hoge"> 3<option value="1"></option> 4<option value="2"></option> 5<option value="3"></option> 6<option value="12"></option> 7<option value="123"></option> 8</datalist>
1を入力すると1からはじまる「1,12,123」に絞られる
これをjsでコントロールしてください
投稿2022/05/20 01:06
編集2022/05/20 02:12総合スコア118268
あなたの回答
tips
プレビュー
