JavaScript

コンボボックス
ジャンプ先はすべてウインドウ表示にしています

<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>
function jump(theForm) {
    let sIndex = theForm.urlsel.selectedIndex;
    let url = theForm.urlsel.options[sIndex].value;
    if (url != "" ) {
        window.open(url,100,
        "toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=no,resizable=no,width=300,height=200") 
    }
}
</SCRIPT>
</head>
<body>
<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">ＦＴＺＦＭ愛好会メイン</option>
<option value="scr19_4.html">よってっ亭</option>
</select>
<button type="button" onClick="jump(this.form)">GO</button>
</form>
</body>
</html>