別ページからフォームへ移動したときにプルダウンの指定のメニューを自動選

締切済

質問者：ymgy
質問日時：2010/06/03 19:39
回答数：3件

別ページからフォームへ移動したときにプルダウンの指定のメニューを自動選択したいです！
メニューページのAというメニューから予約フォームへリンクしたときにフォームのプルダウンを自動で
Aメニューを選択した状態で表示したいのですが、どうしたら出来るのかわかりません。
Javascriptかphpでサンプルや参考になるページがありましたら教えてください。

通報する

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

質問の本文を隠す

回答 (3件)

最新から表示
回答順に表示

No.3

回答者： steel_gray
回答日時：2010/06/04 12:19

クエリに情報を乗せては？

呼び元（メニューページA）
<a href="～～/予約フォーム.php?Ａ">予約フォーム</a>
呼び元（メニューページB）
<a href="～～/予約フォーム.php?Ｂ">予約フォーム</a>

予約フォームphp
クエリ（?以降）を読み取ってプルダウンでAやBを選択した状態にする。

参考・・というかこういうのは基礎ですから。
http://www.google.com/search?q=php+%8A%EE%91b&hl …

なお、Javascriptでも同様の目的を果たす事はできます。

- 0
- 件

通報する

この回答へのお礼

ありがとうございました。
今回急ぎでしたのでご質問させていただきました。
基礎から勉強したいと思います。

通報する

お礼日時：2010/06/04 16:18

No.2

回答者： yyr446
回答日時：2010/06/04 11:58

ちょこっと作ってみました。

Firefox３．６で出来ました。

送信側
----------------------------------------
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>MsgTest_S</title>
<script type="text/javascript">
var form_window;
function form_pop(selection){
　window.addEventListener("message", function(ev){
　 if(ev.origin==location.protocol+"//"+location.hostname){
　　 if(ev.data=="ready")
　　　form_window.window.postMessage(selection,location.protocol+"//"+location.hostname);
　 }
　},false);
　if(form_window != null && form_window != undefined)
　 form_window.close();
　form_window = window.open("/MsgTestR.htm","_blank");
}
</script>
</head>
<body>
<p>
メニュー
<ul>
<li><a href="javascript:void(0);" onclick="form_pop('A');">A</a></li>
<li>B</li><li>C</li>
</ul>
</p>
</body>
</html>

受信側（フォーム）
----------------------------------
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>MsgTest_R</title>
<style type="text/css"></style>
<script type="text/javascript">
window.addEventListener("load", function(ev){
　 opener.window.postMessage("ready",location.protocol+"//"+location.hostname);
},false);
window.addEventListener("message", function(ev){
　 var menuopt={"A":0,"B":1,"C":2};
　 if(ev.origin==location.protocol+"//"+location.hostname){
　　 document.getElementById("menu_select").selectedIndex=menuopt[ev.data];
　 }
},false);
</script>
</head>
<body>
<form>
<select id="menu_select">
　<option value="A">A
　<option value="B">B
　<option value="C" selected>C
</select>
</form>
</body>
</html>

※残念ながらIE8は、別Windowにメッセージ送信できませんでした。
HTML5の「Web Storage」なら使えるのかなあ
※見やすくするため全角スペースにしてあります。