実践JavaScript

1.SlectBoxLink


1.SelectBoxLink(2001.01.01)

割と良く見かけるリストボックスで選択したURLへジャンプするもの。パラメタの指定によってオープンするWindowの体裁も変更出来ます。下例の指定で開くWindowにはメニューやツールバーは抑制されています。

<SCRIPT language="JavaScript">
<!--
function showPage(index){
if(index != 0){
newWin = window.open("","new","width=480,height=360");
if(index == 1) newWin.location="http://www.asahi.com/";
if(index == 2) newWin.location="http://www.nikkei.co.jp/";
if(index == 3) newWin.location="http://www.sankei.co.jp/";
}
}
// -->
</SCRIPT>

<BLOCKQUOTE>
<P> </FORM>
<FORM METHOD="POST" ENCTYPE="application/x-www-form-urlencoded" NAME="form1">
<SELECT onChange="showPage(this.selectedIndex)">
<OPTION> 選択してください。--&gt; </OPTION>
<OPTION SELECTED>朝日新聞</OPTION>
<OPTION>日経新聞</OPTION>
<OPTION>産経新聞</OPTION>
</SELECT>
</FORM>


前ページに戻る---> RETURN