コンボボックス | MENU |
<HTML lang="ja"> <head> <title>JavaScript</title> <STYLE TYPE="text/css"> <!-- button.btn2 { text-align: center; color: #ffffff; font-size: 15px; background-color: #0000ff; border: 2px solid #ffffff; width: 80px; cursor: pointer; } button.btn2:hover { background-color: #ff0000; } //--> </STYLE> <SCRIPT LANGUAGE="JavaScript"> <!-- function jump(theForm) { var sIndex = theForm.urlsel.selectedIndex; var url = theForm.urlsel.options[sIndex].value; if (url != "" ) location.href = url; } //--> </SCRIPT> </head> <body text="#0000ff"> <form name="myForm"> <select name="urlsel" style="background-color: #e6ffff"> <option value=""> - 直接該当ページへジャンプします -</option> <option value="scr19_1.html">ProgramMain</option> <option value="scr19_2.html">言葉の百科</option> <option value="scr19_3.html">FTZFM愛好会メイン</option> <option value="scr19_4.html">よってっ亭</option> </select> <button type="button" onClick="jump(this.form)">GO</button> </form> </body> </html>