javascript - JavaScript 中的切换和选择

Question

我是 JavaScript 新手..这是我的问题..我有下拉列表:

<div class="spanNav-row" id="spanNav-row">
  <select name="timeDropList">

    <option value="6">6</option>
    <option value="10">10</option>
    <option value="15">15</option>
    <option value="30">30</option>
    <option value="60" selected>60</option>
    <option value="Vac">Vacation</option>

  </select>
</div>

我有一个开关:

switch () {

  case 6:
    break;
  case 10:
    break;
  case 15:
    break;
  case 30:
    break;
  case 60:
    break;
  default:
    break;
}

如何将下拉列表的值传递给开关？

Answer 1

标准 JS:

var ddl = document.getElementById("timeDropList");
var selectedValue = ddl.options[ddl.selectedIndex].value;

switch (selectedValue) {}

jQuery(如果您感兴趣):

switch($('#timeDropList option:selected').val()) {}

注意:要通过 getElementById() 引用下拉列表，timeDropList 还必须是 ID，而不仅仅是名称:

<select id="timeDropList" name="timeDropList">