締切済み

Select ボックスで選択した値を渡して、同一ページに再表示するには？

2001/10/30 16:36

JavaScriptで、年/月をSelectボックスで選択し、その年/月のカレンダーを同一ページ内に表示したいのですが、セレクトボックスで値を選択後、カレンダーを同一ページに表示させる際、再表示時にセレクトボックスが初期状態に戻ってしまいます。そのため、カレンダーも初期状態のままのカレンダーのまま変更されません。どうしたら、値を渡して再表示できるのでしょうか？方法としましては、自分自身を再呼び込みするといった感じでしか方法が見つかりませんが、別の方法があれば、それでも結構です。初心者なもので、なにとぞ、よろしくお願いいたします。

PAMchan
お礼率64% (127/196)

JavaScript
回答数3
ありがとう数4

みんなの回答 （3）
専門家の回答

みんなの回答

xruz
ベストアンサー率50% (72/143)

2001/10/31 11:56 回答No.3

こんにちはPAMchanさん、xruzです。 >どうしてもソースが分かりません。 function setLst() はリストボックスにoptionをセットしています。 function wtCal(cym) はyyyy/mm形式で受けたcymをもとにTableへ日付をセットしています。（これ以上の説明はとんでもないことになりますので割愛させていただきます）掲載のソースはフレームを使用していませんし再読込みもしていません。 >参考ページを見てみましたが、フレームについてが掲載されていました。フレームについて書いてありますがフレームでなくても使えるテクニックです。リストボックスで得た値をURLの後ろにつけて自分へリンクし、その値を読み込んでカレンダーをdocument.writeすればできると思います。ただフレーム使用したほうが楽だと思いますが使えない場合もありますので単独の場合のソース例を掲載いたしました。がんばってくださいね。

xruz
ベストアンサー率50% (72/143)

2001/10/30 20:15 回答No.2

こんばんはPAMchanさん、xruzです。 >再表示時にセレクトボックスが初期状態に戻ってしまいます再表示しているから、そうなりますね。 >自分自身を再呼び込みするといった感じで http://oshiete1.goo.ne.jp/kotaeru.php3?q=159215 が使えると思いますが。。。。とりあえず再表示せずに表示するサンプルを載せておきます（Ie5.5sp2のみ動作確認） <html> <head> <title>Calender</title> </head> <script language="JavaScript1.3">  </script> <body onLoad="setLst()"> <form method="post" name="frm"> <select name="lst" size="1" onChange="wtCal(this.options[this.selectedIndex].value);"> </select> </form> <table id="tbl" border="1"> <tr><th>Sun</th><th>Mon</th><th>Tue</th><th>Wed</th><th>Thu</th><th>Fri</th><th>Sat</th></tr> <tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr> <tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr> <tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr> <tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr> <tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr> <tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr> </table> </body> </html> がんばってくださいね（きたないソースでごめんなさい）。

質問者

補足 2001/10/31 09:40

回答ありがとうございます。回答くださいました、ソースで確認したところ、まさにこれです！すごい！　と思いましが、どうしてもソースが分かりません。参考ページを見てみましたが、フレームについてが掲載されていました。フレームを使用しているのでしょうか？document.frm.lstとあるし・・・フレームを使用しているとして、ページは一つでもOKなのでしょうか？フレームがあるとすると、ページが複数必要なのでは？と思うのです。大変お手数ですが、大まかで結構ですので、もう少し説明をいただけますでしょうか？本当に申しわけございません。　よろしくお願いいたします。 m(_ _)m

noname#1785

2001/10/30 16:55 回答No.1

JavaScriptだけで、というのがよくわからないのですが・・・。セレクトボックスの値がクリアされると言うことは、フォームのアクションかなにかで、再読込してるってことですよね？ CGIを使わずに、JavaScriptだけで値の持ち回しをされたいということであれば、難しいかと思います。もしやるとしたら、クッキーを使う方法でしょうか。セレクトボックスを選択したときに、Cookieをセットして、次に表示するときにCookieの値を拾ってきて、それと同じ値を持つOptionにSelectedをセットし、カレンダーを表示する・・・といった感じです。

質問者