便利eelife Java Script

   戻る

リンク を別窓で開きます。



サンプルソース
<!--HTMLタグ </HEAD>の下に挿入してください。-->
<BODY >
<FORM name="slcFORM"><SELECT name="map" size="1">
<OPTION value="*" selected>-- サイトマップ --</OPTION>
<OPTION value="index.html">トップページ</OPTION>
<OPTION value="news.html">ニュース</OPTION>
<OPTION value="kenkou.html">医療.健康</OPTION>
<OPTION value="ryokou.html">旅行、地域</OPTION>
<OPTION value="seikatu.html">生活</OPTION>
<OPTION value="koutuu.html">交通</OPTION>
<OPTION value="supo-tu.html">スポ-ツ</OPTION>
<OPTION value="food.html">フ-ド</OPTION>
<OPTION value="woman.html">女性</OPTION>
<OPTION value="siraberu.html">便利ツ-ル</OPTION>
<OPTION value="keizai.html">経済</OPTION>
<OPTION value="seiji.html">政治・法律</OPTION>
<OPTION value="*">------------</OPTION>
</SELECT><INPUT type="button" value="GO!" onclick="Selc()"></FORM>

</BODY>
<!--Javascript <HEAD>と</HEAD>の間に挿入してください。 -->
<SCRIPT language="JavaScript">
<!--eelife
function Selc(){
index_nub =document.slcFORM.map.selectedIndex;
alert(index_nub);   //使用する場合は外してください。
link_lst= document.slcFORM.map.options[index_nub].value;
alert(link_lst);  //使用する場合は外してください。
if(link_lst!="*"){
window.open(link_lst);
}
}
// -->
</SCRIPT>
コメント
document.slcFORM.map.selectedIndex : セレクトリストの上からの順番(0から数える)を取得
document.slcFORM.map.options[index_nub].value : OPTIONの値を("index.html"、とか"food.html")得ます。
window.open(link_lst) で別窓を開きます。
if(link_lst!="*")は link_lst が"*"でなかったら という意味です。
size="1"は表示するリストの行数です。5にすると選択窓が5行になります。

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