ベストアンサー

プルダウンメニューで、選択項目をリンク先でも維持したい。

2006/01/19 16:54

javascriptを使用したプルダウンメニューについて質問です。 <form name="form1"> <select name="select" onChange="location=select.options[select.selectedIndex].value"> <option value="a.html#01">Ａ01</option> <option value="a.html#02">Ａ02</option> <option value="a.html#03">Ａ03</option> <option>---------------</option> <option value="b.html#01">Ｂ01</option> <option value="b.html#02">Ｂ02</option> <option>---------------</option> </select> </form> ２つのページ（a.html、b.html）上部に上記のようなプルダウンメニューを置き、それぞれ相互に行き来できるようにしました。一応正常に動くのですが、たとえばa.htmlのプルダウンで『Ｂ01』を選択してリンク先b.htmlに飛ぶと、プルダウンの選択項目が一番上の『Ａ01』に戻ってしまっています。 b.htmlに飛んだ後も『Ｂ01』選択の状態で残したいのですが。どのようにすればよいのでしょうか・・・よろしくお願い致します。

shiho78122
お礼率80% (4/5)

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

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

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

ベストアンサー

arenani_sorenani
ベストアンサー率73% (58/79)

2006/01/20 11:32 回答No.3

あまり綺麗には書けてませんが、取りあえずは動くとおもいます・・ <html> <head> <script> function start(){ x=location.hash; if(x!=""){ y=form1.select1.options; for(i=0;i<y.length;i++){ z=y[i].value.indexOf(x,0) if(z!=-1){ form1.select1.options[i].selected=true; } } } } </script> </head> <body onload="start()"> <form name="form1"> <select name="select1" onchange="location.href=this.options[this.selectedIndex].value"> <option value="a.html#A01">Ａ01</option> <option value="a.html#A02">Ａ02</option> <option value="a.html#A03">Ａ03</option> <option value="b.html#B01">Ｂ01</option> <option value="b.html#B02">Ｂ02</option> <option value="b.html#B03">Ｂ03</option> </select> </form>  <p id="A01">Ａ01</p> <p id="A02">Ａ02</p> <p id="A03">Ａ03</p> </body> </html>

質問者

お礼 2006/01/20 14:38

早速試してみたところ、動きました！すごいです！ No.1、No.2お二方の回答を参考に色々がんばってはみたのですが全く出来ず困り果てていました。本当にありがとうございます。これからじっくり解析していきたいと思います。

ログインすると、全ての回答が全文表示されます。

その他の回答 (2)

gimmick
ベストアンサー率49% (134/270)

2006/01/19 21:42 回答No.2

考え方だけ書きます。まず、指定されたアンカーはwindow.location.hashで取得できます。例えば、b.html#01に飛んだ場合、b.html側では"#01"という文字列が取得できます。そこで、bodyか何かのonLoadイベントで指定されたアンカーをチェックして、その内容に応じてselectのvalueかselectedIndexを指定します。試してないので自信は無いのですが、多分この方法でできると思います。

質問者