便利eelife Java Script

   戻る

セレクトメニューからジャンプします ボタンなし。



サンプルソース
<!--HTMLタグ </HEAD>の下に挿入してください。-->
<BODY >
<SELECT name="news" onchange="Selc1(this)">
<OPTION value="*" selected>----新聞----</OPTION>
<OPTION value="http://www.yomiuri.co.jp/">読売新聞</OPTION>
<OPTION value="http://www.mainichi.co.jp/">毎日新聞</OPTION>
<OPTION value="http://www.nikkei.co.jp/">日本経済新聞</OPTION>
<OPTION value="*">----テレビ----</OPTION>
<OPTION value="http://news.tbs.co.jp/">TBS News i</OPTION>
<OPTION value="http://www.fujitv.co.jp/">フジテレビ</OPTION>
</SELECT>
</BODY>
<!--Javascript <HEAD>と</HEAD>の間に挿入してください。 -->
<SCRIPT language="JavaScript">
<!--eelife
function Selc1(Obj){
link_lst=Obj.options[Obj.selectedIndex].value;
if(link_lst!="*")
window.open(link_lst,"","toolbar=yes,menubar=yes,
location=yes,status=yes,scrollbars=yes,resizable=yes");
}

// -->
</SCRIPT>
コメント
onchange="Selc1(this)"の this は自分自身、つまりこの場合はセレクトボックスの名前"news"
自身をあらわします。Obj.options[Obj.selectedIndex].value でオプションの値 http://www...........を取得し window.openでジャンプします。

セレクトメニュー(リストボックス)の設置