フォームの内容をクッキーに保存＋項目の非表示

解決済

質問者：miya7337
質問日時：2011/01/31 19:16
回答数：2件

占いのページを作っています。
TOPページに生まれ月を選択させるプルダウンを用意し、1月は結果を表示、それ以外は非表示にしたいと思っています。
また、前回選択した生まれ月をcookieに保存させて、毎回選択させる手間を省きたいです。

前回のフォームの内容をクッキーに保存
http://www.tatamilab.jp/rnd/archives/000109.html

JavaScriptを使ってフォーム項目の表示/非表示を切り替えるスクリプト
http://5am.jp/javascript/form_change_javascript/

を参考に↓を作ってみましたが、
<body onLoad="restoreValue(document.form1)">があると非表示部分が表示されてしまいます。
組み合わせでは不可能でしょうか・・？
どなたかご教授いただけると助かります。

http://button-bu.moo.jp/web/select01.html

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (2件)

ベストアンサー優先
最新から表示
回答順に表示

No.2ベストアンサー

回答者： noris02
回答日時：2011/01/31 23:22

bodyにも貼ってあったのですね。

途中までしか見てなかったです。
<body onLoad=・・・> の onLoad="～" を消して、
window.onload=function(){ ～ } の～に追記してみてください。
<body onload="～"> と同じ働きをします。
ブラウザが htmlをすべて読み込んだら onload 内の　ユーザー関数を
自動的に読み込ませるとの事です。
おそらく、javascriptで onload=entryChange();
body の属性で onLoad=" restoreValue(document.form1);"を指定していたので
ちぐはぐになってると思われます。
先にクッキー情報を取得してから、entryChange()内を動かせば動くと思います。
entryChange、restoreValueはユーザー関数なので　読み込ませば機能します。

少し書き直してみて試してみてください。
↓下記のようになります↓
window.onload = function(){
restoreValue(document.form1);
entryChange();
}
</script>
</head>
<body>
～