使用<option id =“”>时,如何使用javascript和html在下拉列表中找到所选选项的值?

时间:2019-01-24 01:52:26

标签: javascript

我目前正在使用播放代码环境,我需要找到所选选项的ID值。

function func1() {
  document.getElementById("myDropdown").classList.toggle("show");
}

window.onclick = function(event) {
  if (!event.target.matches('.dropbtn')) {
    var dropdowns = document.getElementsByClassName("dropdown-content");
    var i;
    for (i = 0; i < dropdowns.length; i++) {
      var openDropdown = dropdowns[i];
      if (openDropdown.classList.contains('show')) {
        openDropdown.classList.remove('show');
      }
    }
  }
}
<div class="dropdown">
  <select id="selectFrom" class="selectOption inputOption" onchange="onChangeUnit();">
    <option value="1">Centimeters (cm)</option>
    <option value="2">Inches (in)</option>
    <option value="3">Kilometers (km)
    </option>
  </select>

0 个答案:

没有答案