bootstrap4 の pagination を使って input して get する方法

bootstrap4 の pagination を使ってます。
検索パラメータを保持したまま次のページを表示するため、form内のパラメータをinputしてgetしたいです。
どうしたらいでしょうか？

No.1 回答者： fujillin 回答日時： 2020/08/09 08:54

こんにちは

bootstrapは存じませんが、ご質問の内容は「ページで入力された値を、（遷移した）次のページから参照したい」ということと解釈しました。

ご承知のように、ページ内の値は遷移の際に一度クリアされるため、値を継承したければ一旦外部に保存するか、値そのものを送信するなどが必要になります。

実際の内容がよくわかりませんが、オーソドックスな方法としては、（form等で）サーバに送信してサーバ側で引継ぐものがありますが、このためにはサーバ側のプログラムが必要となります。

クライアント側だけで実現するために旧くから用いられている方法のひとつとして、cookieの利用があります。
https://developer.mozilla.org/ja/docs/Web/API/Do …
ユーザの入力時にcookieに保存し、ページ表示時にcookieを調べることで実現することができるでしょう。

ほぼ同様なので記録先の違いだけともいえますが、cookieの代わりにweb strageを利用する方法も考えられます。
https://developer.mozilla.org/ja/docs/Web/API/We …

その他にも、外部に記録せずに直接引継ぐ方法として、URLのクエリー部を利用する方法があります。
仮に、リンク要素で遷移するならば、入力時に対象となるhrefを書換えておくといった要領です。
対象となるリンクが多い場合には書換えも面倒なので、遷移時にクエリーを追加するという方法にすることも考えられます。
遷移後に、読取る必要があるのはcookieと同様です。
https://developer.mozilla.org/ja/docs/Web/API/UR …

少し別の発想としては、インデックス（メニュー）部分を親要素にしておいて、実際の内容はiframe等に表示しておくということも考えられます。
これによって、遷移するのはiframeだけになるので、（遷移しない）親ページではそのまま値を保持できることになり、特別なことを行う必要がなくなります。
とは言え、（多分）ページの構成が大きく変わってしまうことや、アドレス表示が変わる等の問題点（？）も予想されます。

いずれの方法をとるにしても、若干のスクリプトが必要になります。
bootstrapに同様の機能が用意されているのかは知りませんが、確か、jQeryを利用していたと思いますので、比較的簡便に実現はできるものと思います。