在JavaScript中切换和选择

Switch and Select in JavaScript

本文关键字：选择 JavaScript      更新时间：2023-09-26

我是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;
}

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

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

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

swi_var可以进入开关

如果你使用jQuery，它将是小菜一碟：

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