Q&A
テーマ、知りたいこと
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件
#1
総合スコア1427
投稿2023/02/04 06:48
送信がないならjsは必須じゃないですか
#2
総合スコア17642
投稿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 は自分は全く知らないのでどういう手段が用意されているのか分かりませんが、何か今回の要件に適切な手段があるんじゃないですか？
#3
総合スコア109981
投稿2023/02/06 01:03
編集2023/02/06 01:09javascript+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としては無意味。
下記のような回答は推奨されていません。
このような回答には修正を依頼しましょう。