便利eelife Java Script

   戻る

もうひとつのセレクトボックスの値を替えます。



サンプルソース
<!--HTMLタグ </HEAD>の下に挿入してください。-->
<BODY >
<FORM name="Myform1"><SELECT name="Box" onchange="Selc(this)">
<OPTION value="*" selected>-----報道----</OPTION>
<OPTION value="sinbun">新聞</OPTION>
<OPTION value="tv">テレビ</OPTION>
<OPTION value="web">Webサイト</OPTION>
<OPTION value="*">-------------</OPTION>
</SELECT></FORM>
<FORM name="Myform2"><SELECT name="Box" onchange="Selc_url();" size="6">
<OPTION>     </OPTION>
</SELECT></FORM>

</BODY>
<!--Javascript <HEAD>と</HEAD>の間に挿入してください。 -->
<SCRIPT language="JavaScript">
<!--eelife
sinbun = new Array("産経新聞","朝日新聞","読売新聞","毎日新聞","日本経済新聞"); //項目の配列
sinbun_url = new Array(); //urlの配列

sinbun_url[0] = 'http://www.sankei.co.jp/';
sinbun_url[1] = 'http://www.asahi.com/';
sinbun_url[2] = 'http://www.yomiuri.co.jp/';
sinbun_url[3] = 'http://www.mainichi.co.jp/';
sinbun_url[4] = 'http://www.nikkei.co.jp/';

tv = new Array("TBS News i","フジテレビ","日本テレビ","テレビ朝日");
tv_url = new Array();

tv_url[0] = 'http://news.tbs.co.jp/';
tv_url[1] = 'http://www.fujitv.co.jp/';
tv_url[2] = 'http://www.ntv.co.jp/';
tv_url[3] = 'http://www.tv-asahi.co.jp/';

web = new Array("Yahoo!News","@nifty:News","Excite:News");
web_url = new Array();

web_url[0] = 'http://headlines.yahoo.co.jp/hl';
web_url[1] = 'http://news.www.infoseek.co.jp/';
web_url[2] = 'http://newsflash.nifty.com/news/tk/1.htm';

dsp_txt=new Array("",sinbun,tv,web); // 項目の各配列を入れる配列
dsp_url=new Array("",sinbun_url,tv_url,web_url); // url の各配列を入れる配列

function Selc(Obj){
txt_index=Obj.selectedIndex; //選択された項目の番号 上から0,1,2、テレビなら 2
txt_opt=Obj.options[txt_index].value; //選択された項目のoptionの値 テレビなら tv
if(txt_opt=="*"){return;}

v=Obj.length; //項目の数
for(i=0; i<v; i++){
document.Myform2.Box.options[i]=null; //各項目の値をクリアします
}
v = dsp_txt[txt_index].length
for(i=0; i<v; i++){
document.Myform2.Box.options[i]=new Option(dsp_txt[txt_index][i],i); //2番目のセレクトボックスに項目の値を入れます。
}
}

function Selc_url(){
url_index=document.Myform2.Box.selectedIndex; //選択した項目の urlを取得します。
URL=dsp_url[txt_index][url_index];
window.open(URL); //リンク先にジャンプします。
}

// -->
</SCRIPT>
コメント
セレクトメニュー(リストボックス)の設置