WEB相談室

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

タイトル:2層プルダウンメニューにフレームを指定してリンクを貼りたいのですが。。。

0:[投稿] サトシ [MAIL] [2005/04/21 00:55 ][環境:わからない わからない]

JavaScriptは初心者でよくわかりません。宜しくお願い致します。

下のソースで、2連鎖プルダウンメニューを作り、2つ目のプルダウウンから指定のフレームにリンクを飛ばしたいです。

例:1で「関東地方」を選ぶ →2で「東京」を選び、「Go」ボタンを押すと別のフレームに東京のページが表示。

プルダウンメニューが[sub]、表示したいページに[main]のフレームを設けています。

下記のソースはあるサイトからダウンロードしました。プルダウンメニューをJavaScriptで制御してあるみたいなので、どのように作成すればいいのかわかりません。ご指導宜しくお願い致します。

以下ソース
----------------------------------------------------------------------------------------------------------------------
<form name="doublecombo">
<p><select name="example" size="1" onChange="redirect(this.options.selectedIndex)">
<option>関東地方</option>
</select>

<select name="stage2" size="1">
<option value="../Kanto/tokyo.htm">東京都</option>
<option value="../Kanto/kanagawa.htm">神奈川県</option>
</select>

<A target="main"><input type="button" name="test" value="Go!"
onClick="go()"></A></p>

<script>
<!--
var groups=document.doublecombo.example.options.length
var group=new Array(groups)
for (i=0; i<groups; i++)

group[i]=new Array()
group[0][0]=new Option("東京都","../Kanto/tokyo.htm")
group[0][1]=new Option("神奈川県","../Kanto/kanagawa.htm")

var temp=document.doublecombo.stage2
function redirect(x)
{
for (m=temp.options.length-1;m>0;m--)
temp.options[m]=null
for (i=0;i<group[x].length;i++)
{
temp.options[i]=new Option(group[x][i].text,group[x][i].value)
}
temp.options[0].selected=true
}

function go(){
location=temp.options[temp.selectedIndex].value
}
//-->
</script>
</form>

回答(必須): 状態:

お名前(必須):

e-mail:

URL:




[戻る]

ChaichanPAPA's World