[ JavaScript ] プルダウンで選んだページを新規ウィンドウで開くサンプル

だるかぶ

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

プルダウンメニューで選んだページを新規ウィンドウで開く JaveScript のサンプルです。

実際に動作するサンプル

https://codepen.io/darucub/pen/gbrLbWO

サンプルコード

<HTML>
<HEAD>
<TITLE>Javascript Sample</TITLE>
<META http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<script language="JavaScript">
<!--
function OpenBrWindow() {
  indx = document.form1.menu1.selectedIndex;
  window.open(document.form1.menu1[indx].value,'Window1','toolbar=yes,location=yes,status=yes,menubar=yes,scrollbars=yes,resizable=yes');
  document.form1.menu1.selectedIndex=0;
}
//-->
</script>
</HEAD>
<BODY bgcolor="#FFFFFF" leftmargin="20" topmargin="20" marginwidth="20" marginheight="20">
<FORM>
    <P>新規ウィンドウを開き、プルダウンメニューのリンク先に飛ぶ</P>
        <SELECT onChange="OpenBrWindow()">
            <option value="" selected>選択してください</option>
            <option value="http://www.Geocities.co.jp/">Geocities</option>
            <option value="http://www.goo.ne.jp/">Goo</option>
            <option value="http://www.yahoo.co.jp/">Yahoo</option>
        </SELECT>
</FORM>
</BODY>
</HTML>

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

だるかぶ

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

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