[ JavaScript ] プルダウンで別フレームのページを切り替えるサンプル

だるかぶ

サンダルでスーパーカブ乗りの『だるかぶ』です！
ご訪問ありがとうございます。ゆっくりしていってね。（本ページは広告を含みます。）

プルダウンメニューで別フレームのページを切り替える JavaScript のサンプルです。

サンプルコード

index.html

<HTML>
<HEAD>
<TITLE>Sample a</TITLE>
</HEAD>
<FRAMESET ROWS="45,1*" FRAMEBORDER=YES marginwidth=0 marginheight=0>
<NOFRAMES>
    <BODY BGCOLOR="#FFFFFF">
    <P>
    </BODY>
    </NOFRAMES>
    <FRAME SRC="head.html" NAME=head NORESIZE SCROLLING=no MARGINWIDTH=0 MARGINHEIGHT=0>
    <FRAME SRC="main.html" NAME=main NORESIZE MARGINWIDTH=0 MARGINHEIGHT=0>
</FRAMESET>
</HTML>

head.html

<html>
<head>
<title>menu</title>
<SCRIPT LANGUAGE="JavaScript">
    <!--
    function LinkSelect(form, sel)
    {
        adrs = sel.options[sel.selectedIndex].value;
        if (adrs != "-" ) parent.main.location.href = adrs;
    }
    // -->
</SCRIPT>
</head>
<FORM NAME="" METHOD=POST>
    <SELECT NAME=selLink onchange="LinkSelect(this.form, this)">
        <option value="-">Select One
        <option value="a.html">file a
        <option value="b.html">file b
        <option value="c.html">file c
    </select>
</form>
</body>
</html>

main.html

<HTML>
<HEAD>
</HEAD>
<body bgcolor="#ffffff" text="#333333">
<P>MAIN</P>
</BODY>
</HTML>

動作確認

• OK – Mac Safari 2.0

• OK – Mac Firefox 2.0

現場からは以上です。それでは、またッ！！！

だるかぶ

最後までお読みいただきありがとうございます！ スキ・コメント・シェア・フォローなどで応援いただけると『だるかぶ』のやる気がアップします！

記事内容の修正について 記載している内容は記事執筆時の情報です。 できるだけ最新情報を掲載するようにしていますが、情報が間違っている場合は「コメント」でご指摘いただけるとありがたいです。