一つのページに複数のセレクトボックスを設置し、リンクさせる。

[新着] Webテンプレートを仮オープンしました

0   名前： グレ ： 2007/01/29（月） 19:39  ID:q964ee1. sub-aw
初心者です。非常に初歩的な質問かもしれませんが、セレクトボックスによるリンクについて質問させていただきます。

２つのフレームＡ、Ｂのうち、フレームＡの方にフォームのセレクトボックスでリンクするスクリプトhttp://www.tagindex.com/javascript/link/select1.html
を設置してフレーム名を指定、フレームＢのリンクをしているのですが、
フレームＡに２つのセレクトボックスを設置すると上手く動作がせず、ページがリンクしません。
２つのセレクトボックスはいずれもリンクさせるフレームがＢで、同じフレームを指定しています。



<SCRIPT TYPE="text/javascript">
<!--

// 設定開始


var target = "frameB";

// 設定終了


function jump(){

var url = document.form1.select.options[document.form1.select.selectedIndex].value;

if(url != "" ){

if(target == 'top'){
top.location.href = url;
}
else if(target == 'blank'){
window.open(url, 'window_name');
}
else if(target != ""){
eval('parent.' + target + '.location.href = url');
}
else{
location.href = url;
}

}

}

// -->


</SCRIPT>


<!-- 一つ目のセレクトボックス -->

</HEAD>
<BODY>
<FORM NAME="form1">
<SELECT NAME="select" onChange="jump()">
<OPTION VALUE="A.html">A
<OPTION VALUE="B.html">B
</SELECT>
</FORM>

<!-- 一つ目のセレクトボックス終了 -->

……

<!-- 二つ目のセレクトボックス -->



</HEAD>
<BODY>
<FORM NAME="form1">
<SELECT NAME="select" onChange="jump()">
<OPTION VALUE="C.html">C
<OPTION VALUE="D.html">D
</SELECT>
</FORM>

<!-- 二つ目のセレクトボックス終了 -->



セレクトボックスが一つの際は正しく動作しました。
どうぞ知恵をお貸しいただきたく存じますm()m
1   名前： 元帥 ： 2007/01/29（月） 19:39  ［URL］  ID:di1M6OaA sub-bK
過去ログ
http://www.tagindex.com/kakolog/q1bbs/1001/1247.html
http://www.tagindex.com/kakolog/q4bbs/1/106.html
2   名前： グレ ： 2007/01/29（月） 19:39  ID:tFQTcYsD sub-Ya
成功しました〜♪
どうもありがとうございましたm( )m
一覧へ戻る