WEB相談室

Webページ作成に関しての何でも掲示板です。

タイトル:セレクトボックスでのリンクが複数利用できないのですが

0:[投稿] コロスケ [2003/02/26 00:57 ][環境:IE6,WINXP わからない]

セレクトボックスを使ってリンクをしようと思ってしたのですが、
1つならできるのですが、二つ目となると出来なくなるのですが
どうすればよいのでしょうか?
<html>
<head>
<title>F2</title>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<STYLE type="text/css">
<-
A {text-decoration: none;}
A:LINK {text-decoration: none; font-weight: bold;}
A:VISITED {text-decoration: none; font-weight: bold}
A:HOVER {text-decoration: underline; color: red; font-weight: bold;}
.bgc { background-color:Orange; }
body {

}
->
</STYLE>
<SCRIPT LANGUAGE="JavaScript">
<!--- 非表示
function quicklink(w){
if(w == "") return;
document.quick.url.selectedIndex = 0;
parent.frames[1].location.href = w;
}
//end --->
</SCRIPT>
</head>

<body bgcolor="#FFFF55" text="#000000">
<p><img src="../img/test1.gif" width="50" height="50"><img src="../img/test2.gif" width="50" height="50"><img src="../img/test02.gif" width="50" height="50">
</p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<br>
<div id="Layer1" style="position:absolute; left:10px; top:61px; width:150px; height:218px; z-index:1; background-color: #66FF99; layer-background-color: #66FF99; border: 1px none #000000">
 <div align="center">
   <p> </p>
   <table width="75%" border="0" valign="middle">
     <tr>
       <td>テスト1</td>
     </tr>
     <tr>
       <td>
         <FORM name="quick" action="./">
┗<SELECT NAME="url" onChange="quicklink(this.form.url.options[this.form.url.selectedIndex].value)" class="bgc">
    <option VALUE="f1.html">-----
    <option VALUE="test1.html">テスト1
    <option VALUE="test2.html">テスト2
    <option VALUE="test3.html">テスト3
           </select>
         </form>
       </td>
     </tr>
     <tr>
       <td>テスト2</td>
     </tr>
     <tr>
       <td>
         <FORM name="quick2" action="./">
           ┗
<SELECT NAME="url2" onChange="quicklink(this.form.url.options[this.form.url.selectedIndex].value)" class="bgc">
    <option VALUE="f1.html">-----
    <option VALUE="test1.html">テスト1
    <option VALUE="test2.html">テスト2
    <option VALUE="test3.html">テスト3
           </select>
         </form>
       </td>
     </tr>
     <tr>
       <td>テスト3</td>
     </tr>
     <tr>
       <td>
         <form name="form3" method="post" action="">
           ┗
           <select name="select3">
           </select>
         </form>
       </td>
     </tr>
     <tr>
       <td>テスト4</td>
     </tr>
     <tr>
       <td>
         <form name="form4" method="post" action="">
           ┗
           <select name="select4">
           </select>
         </form>
       </td>
     </tr>
   </table>
   <p> </p>
 </div>
</div>
<p><br>
 <img src="../img/test4.gif" width="50" height="50"><img src="../img/test2.gif" width="50" height="50"><img src="../img/test3.gif" width="50" height="50"></p>
<p> </p>
<p> </p>
<p>  </p>
</body>
</html>

上記のように、1〜4全てをリンクとして
使用したいのですが。。。
どうかお願いいたします


1:[回答] ごだっち [MAIL] [2003/02/26 08:53 ]

こんな感じで良いと思う。

<script language="JavaScript" type="text/javascript">
<!--
function quicklink(w){
alert(w);
window.location.href = w;
}
//-->
</script>

テスト1
<form name="quick">
<select name="url" onChange="quicklink(this.options[this.selectedIndex].value)">
<option value="f1.html">-----
<option value="test1a.html">テスト1
<option value="test2a.html">テスト2
<option value="test3a.html">テスト3
</select>
</form>

テスト2
<form name="quick2">
<select name="url2" onChange="quicklink(this.options[this.selectedIndex].value)">
<option value="f1b.html">-----
<option value="test1b.html">テスト1
<option value="test2b.html">テスト2
<option value="test3b.html">テスト3
</select>
</form>


2:[回答]   [2003/02/26 10:29 ]

thisのがきれいでいいけど動かない原因をば
 <SELECT NAME="url2" onChange="quicklink(this.form.url.options[this.form.url.selectedIndex].value)" class="bgc">

 <SELECT NAME="url2" onChange="quicklink(this.form.url2.options[this.form.url2.selectedIndex].value)" class="bgc">
こう

回答(必須): 状態:

お名前(必須):

e-mail:

URL:




[戻る]

ChaichanPAPA's World