selectで選択した値を保持するには

テーマ、知りたいこと

selectで選択した値を、ページが遷移しても残るようにするには
・JavaScript
・PHP
・cookie利用
・Ruby on rails
どれが良いと思いますか？

背景、状況

selectが沢山あるページで、sendボタンやPOSTなどは無く

html
1<select id="fruit">
2          <option value=""></option>
3          <option value="situation">購入予定</option>
4          <option value="situation">検討</option>
5          <option value="situation">相談</option>
6          <option value="situation">購入済み</option>
7        </select>

といったselectが幾つもあるページで、他のページに遷移しても
選んだ状態を保持し続けるには、どの考え方が適切でしょうか？
ご教示お願いいたします。

回答3件

yuma.inaura

総合スコア1453

投稿2023/02/04 06:48

送信がないならjsは必須じゃないですか

退会済みユーザー

総合スコア0

投稿2023/02/04 07:15

ページが遷移しても残るようにするには

あなたが言う「ページが遷移」というのをどのようにやるつもりなのか書いてないのでわかりませんけど、何にせよブラウザから Web サーバーに要求を出して遷移先のページを応答として返してもらわないと遷移できないですよね。違います？　何か特別なことを考えてますか？

上に書いた理解が合っているのであれば、

他のページに遷移しても選んだ状態を保持し続けるには、

何らかの方法で、遷移する際に Web サーバーに「選んだ状態」の情報を送信できないと何ともならないと思いますが、違いますか？

違わなければ、質問の、

どれが良いと思いますか？

はどれもハズレだと思いますけど。

Web アプリは本来ステートレスということを理解してますか？　そのステートレスを何とかするためにフレームワークに様々なアプローチが提供されているはずです。例えば ASP.NET だと以下のようなこと。

ASP.NETの状態管理：ビューステート／クッキー／セッション情報
https://atmarkit.itmedia.co.jp/fdotnet/bookpreview/learnaspnet_0701/learnaspnet_0701_01.html

Ruby on Rails は自分は全く知らないのでどういう手段が用意されているのか分かりませんが、何か今回の要件に適切な手段があるんじゃないですか？

yambejp

総合スコア114769

投稿2023/02/06 01:03

編集2023/02/06 01:09

javascript+localStorage
もしくは
javascript+urlのsearch要素

javascript
1<script>
2window.addEventListener('DOMContentLoaded', ()=>{
3  const param=(new URL(document.location)).searchParams;
4  document.querySelector(`[name=fruit]`).value=param.get('fruit');
5});
6</script>
7<form>
8<select name="fruit">
9<option value=""></option>
10<option value="1">購入予定</option>
11<option value="2">検討</option>
12<option value="3">相談</option>
13<option value="4">購入済み</option>
14</select>
15<input type="submit" value="send">
16</form>

ただしnameのないselectでoptionのvalueがすべて一緒となると
javascript+localStorageなら保持はできますがHTMLとしては無意味。

最新の回答から1ヶ月経過したためこの意見交換はクローズされました

意見をやりとりしたい話題がある場合は質問してみましょう！

質問する

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

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