在JavaScript中切换并选择

Ser*_*gio 0 html javascript select switch-statement

我是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>
Run Code Online (Sandbox Code Playgroud)

我有一个开关:

switch () {

  case 6:
    break;
  case 10:
    break;
  case 15:
    break;
  case 30:
    break;
  case 60:
    break;
  default:
    break;
}
Run Code Online (Sandbox Code Playgroud)

如何将下拉列表的值传输到交换机?

Jam*_*ill 5

标准JS:

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

switch (selectedValue) {}
Run Code Online (Sandbox Code Playgroud)

jQuery(以防您感兴趣):

switch($('#timeDropList option:selected').val()) {}
Run Code Online (Sandbox Code Playgroud)

注意:要引用getElementById()的下拉列表,timeDropList也必须是ID,而不仅仅是名称:

<select id="timeDropList" name="timeDropList">
Run Code Online (Sandbox Code Playgroud)