二つのプルダウンメニューからそれぞれ組み合わの外部リンクを作りたいのですが

解決済

質問者：ran37
質問日時：2007/10/10 23:41
回答数：5件

HP作成初心者です。
いろいろ検索したのですが検索の仕方が悪いのかよくわからないので
ご教授お願いいたします。

二つのプルダウンメニューを作り、各項目を選択し
GOボタンを押してそれぞれ選択した項目に当てはまるリンクへって感じで作成したいのですが。

例
服の色
赤
青
黄

サイズ
Ｌ
Ｍ
Ｓ

それぞれを選択しGOボタンで選択項目にあったリンクへ

どうぞ宜しくお願いいたします。

通報する

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

質問の本文を隠す

回答 (5件)

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

No.5ベストアンサー

回答者： Redpython
回答日時：2007/10/13 13:37

こんにちは。

では、コードをプレゼント。
ユーザの操作により、現在のリンク先がどこになっているのかが分かるよう、textbox に表示されるようになっています。
http://○○○ のリンク先などは適切な値を設定して下さい。

javascript の多次元配列については、参考 URL をご覧下さい。

<html>
<head>

<script Language="JavaScript">

</script>

</head>

<body>

<form name="form1" method="GET">

カラー:
<select onChange="set_color(this)">
<option>赤
<option>青
<option>黄
</select>

サイズ:
<select onChange="set_size(this)">
<option>Ｌ
<option>Ｍ
<option>Ｓ
</select>
<br>

<input type="text" id="link_url" size="30" value="http://www.link_0_0.com"> <br>

<input type="submit" onClick="jump()"> <br>

</form>

</body>
</html>

参考URL：http://homepage3.nifty.com/aya_js/js2/js206.htm

この回答への補足

お返事遅くなり申し訳ございません。
コードまで記載していただいてとても助かります。
HPを参考にしながらコツコツと勉強していきたいと思います。
ありがとうございました！

補足日時：2007/10/14 15:54

通報する

- 0
- 件

通報する

この回答へのお礼

。

通報する

お礼日時：2007/10/14 15:59

No.4

回答者： Redpython
回答日時：2007/10/13 01:32

こんにちは。

Javascript の経験はございますか？
ユーザの操作により内容が変わり、かつ、サーバ内での処理を必要としないページを作成するのであれば、Javascript で組むことをお勧めします。

ユーザが項目を選択したら Javascript のコード内の変数の値が変わるようにしておきます。そして、GO ボタンクリックでリンク先をその値に飛ばせば実現できます。

参考 URL のフォームあたりをご参照くださいませ。

参考URL：http://www.openspc2.org/reibun/javascript/

この回答への補足

ありがとうございます。
javascriptの経験はほとんどありません・・。
HP情報ありがとうございます。
素人には難しいですね（汗

補足日時：2007/10/13 02:35

通報する

- 0
- 件

通報する

No.3

回答者： chaimasuka
回答日時：2007/10/11 23:02

それは、セレクトボックスではないでしょうか。

質問の例ならば、以下のような感じで

<form action="exemple.cgi" method="post">
<select name="color">
<option value="red">赤</option>
<option value="blue">青</option>
<option value="yellow">黄</option>
</select>
<select name="size">
<option value="L">L</option>
<option value="M">M</option>
<option value="S">S</option>
</select>
<input type="button" value="GO" />
</form>

action でpostするcgiなどのサーバサイドプログラムが必要ですが。

参考URL：http://www.tagindex.com/html_tag/form/select.html

この回答への補足

ありがとうございます。
セレクトボックスって言うんですね。
これにリンク先を記述する場合はどういう風にしたらいいんでしょうか？
質問ばかりですみません。
宜しくお願いいたします。

補足日時：2007/10/12 22:34

通報する

- 0
- 件

通報する

No.2

回答者： ICHI-yan
回答日時：2007/10/11 07:18

プルダウンの意味がちょっと違うようなので、確認です。

赤を押したりマウス乗せたりするとサイズのメニューが出てきて選んで飛ぶというのが一般的にプルダウンメニューと呼ばれているものです。
それなら「プルダウンメニュー」で検索されると沢山作り方が出てきます。javascriptやcssといった技術も一緒に入れてもいいです。

そうじゃなくて、もともと２つ表があってチェックして、goを押すとそこに飛ぶというのであれば
「チェックボックス」または「ラジオボタン」を検索されれば、ボタンの作り方とその後の処理の仕方、または仕方のヒントがでてくると思います。

この回答への補足

ありがとうございます。
プルダウンメニュー（ドロップダウン）で間違いないです。
メニュー選択後すぐ飛ぶメプルダウンの方が多いかもしれませんが
GOボタンを選択して飛ぶプルダウンメニューもありますよね？
後者の方のプルダウンメニューを利用したいと思っています。

２つプルダウンメニューを利用してそれぞれ選択した
項目に当てはまるリンクへ
例
服の色　赤を選択
サイズ　Lを選択
GOボタンで赤でLサイズの服のリンクへ
って感じです。
説明がわかりにくくて申し訳ないですが、宜しくお願い致します。

補足日時：2007/10/11 19:34

通報する