时间戳

首页 > 解决方案 > 试图从 javascript 中的组合框中进行选择，但通常的方式不起作用

javascript - 试图从 javascript 中的组合框中进行选择，但通常的方式不起作用

问题描述

我正在尝试使用此行选择这些选项

document.getElementById("combobox-month").selectedIndex = 5;

但它不会工作任何想法为什么？

document.getElementById("combobox-month").selectedIndex = 5;
<div id="content-birthday">
  <div id="combobox-month" class="combobox-wrapper">
    <select name="bday_month">
      <option value="1">January</option>
      <option value="2">February</option>
      <option value="3">March</option>
      <option value="4">April</option>
      <option value="5">May</option>
      <option value="6">June</option>
      <option value="7">July</option>
      <option value="8">August</option>
      <option value="9">September</option>
      <option value="10">October</option>
      <option value="11">November</option>
      <option value="12">December</option>
    </select>
  </div>
</div>

标签： javascripthtml

解决方案

combobox-month是选择元素的父 div 的id 。您应该以选择元素为目标。您可以使用允许 CSS 之类的选择器。querySelector()

尝试

document.querySelector("select[name=bday_month]").selectedIndex = 5;
<div id="content-birthday">
  <div id="combobox-month" class="combobox-wrapper">
    <select name="bday_month">
      <option value="1">January</option>
      <option value="2">February</option>
      <option value="3">March</option>
      <option value="4">April</option>
      <option value="5">May</option>
      <option value="6">June</option>
      <option value="7">July</option>
      <option value="8">August</option>
      <option value="9">September</option>
      <option value="10">October</option>
      <option value="11">November</option>
      <option value="12">December</option>
    </select>
  </div>
</div>

推荐阅读