プロが教える店舗&オフィスのセキュリティ対策術

セレクトボックスでメニューを選んだら
リンク先にジャンプするようにしたいのですが・・。
どうしたらいいですか?教えてください。

A 回答 (3件)

<form>


<select onChange='location.href=this.options[this.selectedIndex].value'>
<OPTION selected>メニュー
<OPTION value=自己紹介のURL>自己紹介
<OPTION value=日記のURL>日記
<OPTION value=掲示板のURL>掲示板
</select>
</form>


こんな感じでいかがでしょう?
    • good
    • 0
この回答へのお礼

こんな短いタグでも出来るんですね・・。
勉強になりました!!

お礼日時:2001/09/23 18:02

*~*のところを自分の好きな風に書き換えてください。


これで出来ますよ。
<HTML>
<HEAD>
<SCRIPT Language="JavaScript">
<!--//
function navi(url){
Open = window.open(url);
Open.location = url ;
}
function navi_1(url){
location = url ;
}
// -->
</SCRIPT>
</HEAD>
<BODY>

<FORM METHOD=POST NAME="site1" onSubmit="navi_1(document.site1.dlist1.options[document.site1.dlist1.selectedIndex].value); return false;">
<SELECT NAME="dlist1" onChange="navi_1(document.site1.dlist1.options[document.site1.dlist1.selectedIndex].value)">
<OPTION VALUE="*リンクのURL*">*リンク名*</OPTION>
</SELECT>
</FORM>

</BODY>
</HTML>
    • good
    • 0
この回答へのお礼

ありがとうございました!!
すっごく参考になりました!!

お礼日時:2001/09/23 18:02

javascriptを使用してみてください。



こちらのサイトにサンプルがあります。↓
参考までにどうぞ。

http://www.msu.edu/user/okadakat/jskowaza.htm
http://www.interq.or.jp/pink/taka1112/javascript …

どちらも「ドロップダウンメニュー」という名で紹介されています。


また、他のjavascriptがいいのならば
↓こちらで探してみるのもよいかもしれません。
http://web.plaza.gaiax.com/javascript.htm
    • good
    • 0
この回答へのお礼

たくさんの参考URLを出して頂いて
ありがとうございました!そこで勉強させてもらいます!

お礼日時:2001/09/23 18:04

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!