javascript - 与选项元素同步按钮

Question

     function displayPage() {
 var sel = document.getElementById("subject");
    switch ( sel ){
            case 'Math':
          document.getElementById("butt").onclick="location.href='kk.html'";
            break;
    }
}

    <select id="subject" class="c4"><br />
 <option value="math">Math</option>
  <option value="science">Science</option>
  <option value="physics">Physics</option>
  <option value="programming">Programming</option>
</select>
        <button class="button" onclick="displayPage()" id="butt">Submit</button>

嗯，我想将选项元素与按钮同步，因此如果用户选择数学，它会转到 p1.html，科学会转到 p2.​​html，等等...我相信 switch 表达式不正确，如何修复它。

Answer 1

使用选择元素的值

var sel = document.getElementById("subject");
var val = sel[sel.selectedIndex].value

然后在开关中使用val或者如果你想比较，你可以使用 text，但请记住 JS 区分大小写。