使用选项元素同步按钮

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等...我相信切换表达式是不正确的如何解决它。

Answer 1

使用选择元素的值

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

然后在您的交换机中使用val 或者你可以使用text如果你想比较，但记住JS是区分大小写的。