質問: ### 前提・実現したいこと localStorageでメモ帳を作成しています。 初心者なので、簡単なことかもしれませんが質問させていただきます。 ### 発生している問題・エラーメッセージ ``` selectタグを用いて複数のメモシートを1ページで使えるようにしたいのですが、 memo1以外に保存されている値を表示させることができず、 リロードした際にすべてのメモにmemo1の値が表示されてしまいます。 (裏で値はそれぞれ保存できています。) ``` ### 該当のソースコード ``` myMemoPad MemoPad memo1 memo2 memo3 memo4 Save Clear G's ```
回答: //3.ページ読み込み:保存データ取得表示 var memos = $("#memos").val(); if(localStorage.getItem(memos)){ var value = localStorage.getItem(memos); $("#text_area").val(value); } //memoを切り替えた時の表示 $("#memos").on("click",function(){ var memos = $("#memos").val(); if(localStorage.getItem(memos)){ var value = localStorage.getItem(memos); $("#text_area").val(value); }else{ $("#text_area").val(""); } });