• ベストアンサー
※ ChatGPTを利用し、要約された質問です（原文：cookieからのデータ取得に関して(JavaScript版)）

JavaScriptでcookieからのデータ取得に関する質問

このQ&Aのポイント
  • JavaScriptでもsetcookie関数を使用して、cookieに保存した値を読み込むことができます。
  • 最初にIDを入力し、フォーム画面に進むと、入力されたデータを送信と同時にcookieに保存します。
  • 二回目以降にIDを入力すると、cookieからデータを読み込み、すでに入力されている内容を確認して送信することが可能です。

質問者が選んだベストアンサー

  • ベストアンサー
noname#23734
noname#23734
回答No.1

<html> <head> <meta HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=SHIFT_JIS"> <title>クッキー遊び</title> <script type="text/javascript"> <!-- window.onload=function(){ var Cookie = document.cookie.split(';') for(var i=0;i<Cookie.length;i++){ if(Cookie[i].indexOf('i0=') != -1){document.forms[0].elements[0].value=Cookie[i].split('=')[1]} else if(Cookie[i].indexOf('i1=') != -1){document.forms[0].elements[1].value=Cookie[i].split('=')[1] } else if(Cookie[i].indexOf('i2=') != -1){document.forms[0].elements[2].value=Cookie[i].split('=')[1] } } document.getElementById('co').innerHTML=document.cookie } function a(Form){ var Formctr = Form.elements for(var i=0;i<Formctr.length;i++){ if(Formctr[i].type != "submit"){ document.cookie=Formctr[i].name+'='+Formctr[i].value+";" } } document.getElementById('co').innerHTML=document.cookie } //--> </script> </head> <body> <form action="aa.html" method="get" onsubmit="a(this)"> 項目名1<input type="text" name="i0" value="v0"> 項目名2<input type="text" name="i1" value="v1"> 項目名3<input type="text" name="i2" value="v2"> <input type="submit" value="送信"> </form> <div id="co"></div> </body> </html>

tobana
質問者

お礼

ありがとうございます！！！ 誰も回答くれないかと思ってました・・・。 助かりました。 これから解読させていただきます。 お礼が遅くなりすみませんでした。

すると、全ての回答が全文表示されます。
  1. カテゴリ
  2. [技術者向] コンピューター
  3. プログラミング・開発
  4. JavaScript

関連するQ&A

注目のQ&A

カテゴリ

OKWAVE コラム

あなたにピッタリな商品が見つかる！ OKWAVE セレクト

専門家に質問してみよう

職業から探して質問する
質問する