无法使用 JavaScript 从 Select 中获取 Options 值答案

【问题标题】：Not able to Fetch Options value from Select using JavaScript无法使用 JavaScript 从 Select 中获取 Options 值
【发布时间】：2021-03-10 08:15:24
【问题描述】：

我想从 select 标记中获取选项的值，但我不断收到 无法读取未定义的属性“值” 下面是我的 HTML 和 JAVA 脚本代码。

document.addEventListener("DOMContentLoaded", function() {
  displayResult();
});
function displayResult() {
    var x = document.getElementsByName("abb_sf_partners-product");
  alert(x[0].options[1].value)
    }

<select name="abb_sf_partners-product" data-abb-sf-productelement="" class="abb-select">
   <!--
      <option value="">All products</option>
      -->
   <option value="">All products</option>
   <option value="9AAC100085">Circuit Breakers</option>
   <option value="9AAC910002">Control Systems</option>
   <option value="9AAC100211">Drives</option>
   <option value="9AAC910006">Low Voltage Products and Systems</option>
   <option value="9AAC910019">Measurement and Analytics</option>
   <option value="9AAC173060">Mechanical Power Transmission</option>
   <option value="9AAC720001">Medium Voltage Products and Systems</option>
   <option value="9AAC133417">Motors and Generators</option>
   <option value="9AAC177033">PLC Automation</option>
   <option value="9AAC910011">Robotics</option>
   <option value="9AAC171541">Softstarters</option>
</select>

抱歉，我对 JavaScript 非常陌生，无法继续进行下去

如果我运行此 x[0].options[1].value，在输出中我需要“9AAC100085”，但我得到 无法读取未定义的属性“值”

【问题讨论】：

标签： javascript html

【解决方案1】：

当您的代码最初运行时，它会尝试查找一个值，但不一定会选择一个值 - 因此在下面添加一个 onchange 事件处理程序。当用户选择一个值时，该值被确定/返回

document.addEventListener("DOMContentLoaded", function() {
  displayResult();
});


function displayResult() {
  document.querySelector('select[name="abb_sf_partners-product"]').onchange=(e)=>{
    alert(e.target.value)
  }
}

<select name="abb_sf_partners-product" data-abb-sf-productelement="" class="abb-select">
   <!--
      <option value="">All products</option>
      -->
   <option value="">All products</option>
   <option value="9AAC100085">Circuit Breakers</option>
   <option value="9AAC910002">Control Systems</option>
   <option value="9AAC100211">Drives</option>
   <option value="9AAC910006">Low Voltage Products and Systems</option>
   <option value="9AAC910019">Measurement and Analytics</option>
   <option value="9AAC173060">Mechanical Power Transmission</option>
   <option value="9AAC720001">Medium Voltage Products and Systems</option>
   <option value="9AAC133417">Motors and Generators</option>
   <option value="9AAC177033">PLC Automation</option>
   <option value="9AAC910011">Robotics</option>
   <option value="9AAC171541">Softstarters</option>
</select>

【讨论】：

非常感谢它解决了我的问题 :)
很高兴我能提供帮助。如果用户提供帮助，也许（？）考虑accepting答案'-)