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">

Answer 2

var swi_var = document.getElementById('spanNav-row').value;

swi_var可以进入开关

Answer 3

如果你使用jQuery，它将是一块蛋糕：

var selectedValue = $('#spanNav-row').val();
switch (selectedValue) {
    // Your switch body here.
}

在JavaScript中切换和选择

3 个答案: