リストボックスをリンクに使う MENU

まず、My Pageか他ネットのどちらか選んでください。


リストボックスを、リンクにしてみました
Source

    <HTML lang="ja"> <HEAD> <TITLE>JavaScript</TITLE> <STYLE type=text/css> <!-- BODY { background-color: #eeeedd; color: #000000; } .lnkButton2{text-align: center; width: 217; height: 25; background-color: #0000ff; font-size: 13pt; color: #ffffff; font-weight: bold; } //--> </STYLE> <SCRIPT LANGUAGE="JavaScript"> <!-- var clr1="#ffff00"; var clr2="#ffffff"; var styl1="italic"; var styl2="normal"; var sw = 1; var ix = 1; var url = new Array("", "../program.html", "../spc/spc_m.html", "../ftz/ftzm.html", "../etc/yottete.html", "../etc/etc.html", ""); function BY(PR) { PR.pr.options[0].text = "------- My Page --------"; PR.pr.options[1].text = "ProgramMain"; PR.pr.options[2].text = "言葉の百科"; PR.pr.options[3].text = "FTZFM愛好会メイン"; PR.pr.options[4].text = "よってっ亭"; PR.pr.options[5].text = "その他"; PR.pr.options[6].text = ""; url[0] = ""; url[1] = "../program.html"; url[2] = "../spc/spc_m.html"; url[3] = "../ftz/ftzm.html"; url[4] = "../etc/yottete.html"; url[5] = "../etc/etc.html"; url[6] = " "; } function GR(PR) { PR.pr.options[0].text = "-------- 他ネット --------"; PR.pr.options[1].text = "YAHOO"; PR.pr.options[2].text = "GOO"; PR.pr.options[3].text = "INFOSEEK"; PR.pr.options[4].text = "フレッシュアイ"; PR.pr.options[5].text = "Excite"; PR.pr.options[6].text = "Lycos"; url[0] = ""; url[1] = "https://www.yahoo.co.jp"; url[2] = "https://www.goo.ne.jp"; url[3] = "https://www.infoseek.co.jp/"; url[4] = "https://www.fresheye.com"; url[5] = "https://www.excite.co.jp/"; url[6] = "https://www.lycos.co.jp/"; } function jump(theForm) { ix = theForm.pr.selectedIndex; if (url[ix] != "" ) location.href = url[ix]; } function chgclr(clr) { form1.cl.style.backgroundColor=clr; } function chgclr1(clr) { form1.cl1.style.backgroundColor=clr; } function chgString(theForm) { if(sw==1){ document.BORG.arg.value="他ネット"; GR(theForm); sw = 2; } else { document.BORG.arg.value="My Page"; BY(theForm); sw = 1; } } //--> </SCRIPT> </HEAD> <div align="center"> まず、My Pageか他ネットのどちらか選んでください。<br> <FORM NAME="BORG"> <p> <INPUT TYPE="button" VALUE="My Page" onClick="chgString(this.form)" class="lnkButton2" id="cl1" name="arg" onMouseover="this.style.color=clr1;this.style.fontStyle=styl1" onMouseout="this.style.color=clr2;this.style.fontStyle=styl2;"><br> <select name="pr" size="7" style="background-color: #2E8B57; width: 220;" onChange="jump(this.form)"> <option style="color: #ffffff">------- My Page --------</option> <option style="color: #ffffff">ProgramMain</option> <option style="color: #ffffff">言葉の百科</option> <option style="color: #ffffff">FTZFM愛好会メイン</option> <option style="color: #ffffff">よってっ亭</option> <option style="color: #ffffff">その他</option> <option style="color: #ffffff"></option> </select> </form> </div> </BODY>