プルダウンメニューでリンク先に飛ばすには？

[上に] [前に] [次に]
泉屋 [E-Mail] 1998/09/19(土) 17:41:16
下記のようなスクリプトでラジオボタンによるプルダウンメニュー
の切り替えまでは出来たのですが、このプルダウンメニューからリ
ンク先に飛ばす方法がわかりません。誰か教えていただけませんか？

<SCRIPT LANGUAGE="JavaScript1.1">
<!---
function IM(PR){
  PR.pr.options[0].text="1";
  PR.pr.options[1].text="2";
  PR.pr.options[2].text="3";
  PR.pr.options[3].text="4";
}
function CA(PR){
  PR.pr.options[0].text="01";
  PR.pr.options[1].text="02";
  PR.pr.options[2].text="03";
  PR.pr.options[3].text="04";
}
function PD(PR){
  PR.pr.options[0].text="001";
  PR.pr.options[1].text="002";
  PR.pr.options[2].text="003";
  PR.pr.options[3].text="004";
}
//--->
</SCRIPT>
</HEAD>
<BODY >
<FORM NAME="selection">
<INPUT TYPE="radio" NAME="selection" VALUE="IMAGE" onClick="IM(this.form)">0
<INPUT TYPE="radio" NAME="selection" VALUE="CATE" onClick="CA(this.form)">00
<INPUT TYPE="radio" NAME="selection" VALUE="IMAGE" onClick="PD(this.form)">000
<P>
<SELECT NAME="pr">
<OPTION>選ぶ
<OPTION>
<OPTION>
<OPTION>
</SELECT>
</FORM>
泉屋 [E-Mail] 1998/09/19(土) 17:47:29
書き忘れ(^◇^;

それぞれのプルダウンメニューからのリンク先は全部別です。
まる高 [E-Mail] [HomePage] 1998/09/19(土) 17:55:24
小生のホームページのヘッダ部分（フレーム黒帯）のソースを見てください。実現しています。
コードを整理してお伝えするのが面倒なので。すみません。
泉屋 [E-Mail] 1998/09/19(土) 19:29:42
まる高さん、早速ありがとうございます。

ただ、プルダウンからだけのリンク飛ばしなら出来るんです。
上記のスクリプトだと

<OPTION VALUE="">

が使えないんです。
まる高 1998/09/19(土) 19:40:50
> <OPTION VALUE=""> が使えないんです。

？
まる高 1998/09/19(土) 19:48:56
ひょっとしたら、
<OPTION VALUE=""> を使いたいがonClick="IM(this.form)やonClick="CA(this.form)やonClick="PD(this.form)を
しているので、使えないと
言っているのかしら。
そうだとしたら、
<INPUT TYPE="button" VALUE="Next" onClick="NextLink()">なるボタンを追加して、
nextLink()の中で、該当リンク先に飛ばしてあげれば。
泉屋 [E-Mail] 1998/09/19(土) 20:31:39
まる高さん、またまたありがとうございます。

あたまグチャグチャで理解力が落ちてるみたいです(^◇^;


上のスクリプトで行くと、1〜4、01〜04、001〜004という計12個の
URLはどこに記述すればよいのでしょう？？

ボタンは使わない方法で出来るのでしょうか？

泉屋 [E-Mail] 1998/09/19(土) 20:34:03
ちょっと書き方がおかしかったです。

>上のスクリプトで行くと、1〜4、01〜04、001〜004という計12個の
>URLはどこに記述すればよいのでしょう？？

上のスクリプトで行くと、1〜4、01〜04、001〜004という計12個の
メニューから飛ばしたいリンクのURLはどこに記述すればよいのでし
ょう？？
うーりえ 1998/09/24(木) 15:11:51
ラジオボタンでメニューの内容を切り替えるとき
mnuUrl = new MakeArray(4);
mnuUrl[1] = "○○.html";
mnuUrl[2] = "○○.html";
mnuUrl[3] = "○○.html";
などをそれぞれ３つともに設定して
プルダウンメニューの切り替えと同時に切り替わるようにする。

<SELECT NAME="pr">を
<SELECT NAME="pr" onChange="javascript:go();">にする。

それで
function go() {
        var selected = document.selection.pr.selectedIndex
        if(selected > 0) {
                location = mnuUrl[selected]
        }
}
とかできませんか？
==================================================
あと、計12個のURLとおっしゃっていますが
ボタンを使わずに選んだ時点でリンクに飛ばすのであれば
メニューの１つめ（[0]）は「ここから選んで下さい」などとして
初期状態（選ばれていない状態）に使用するのでは？
そうでないと『切り替えたら飛ぶ』という性格上
最初に選択されている[0]のリンクに飛ぶには一度他の[1]などに切り替えてから戻さなくてはいけません。
従ってプルダウンメニューが３種でそれぞれ[0]〜[3]までなら飛ばせるのは計9つ。

少なくとも上記のやりかたではそうなるので
if(selected > 0)で、[0]が選択された時は省くようにしてあります。
URLも[0]には設定してありません。
==================================================
長々と書き込み申し訳ないです。
ここまで書いて見当はずれの意見でなければよいのですが・・・（＾＾；
うーりえ 1998/09/24(木) 15:17:51
補足。上記スクリプトでは
location = mnuUrl[selected]の部分でURLを参照して飛ばすようになっています。
なのでその部分はフレームを指定するなりopen()でもなんでも
泉屋さんのＨＰに沿うように変えて下さい
[上に] [前に] [次に]