如何访问多个下拉列表中的每个下拉列表

<select id="dropdown1">
  <option value="option1">Option 1</option>
  <option value="option2">Option 2</option>
  <option value="option3">Option 3</option>
</select>

<select id="dropdown2">
  <option value="optionA">Option A</option>
  <option value="optionB">Option B</option>
  <option value="optionC">Option C</option>
</select>

<!-- 添加更多下拉列表... -->

// 获取下拉列表元素
var dropdown1 = document.getElementById("dropdown1");
var dropdown2 = document.getElementById("dropdown2");

// 添加事件监听器
dropdown1.addEventListener("change", function() {
  var selectedValue = dropdown1.value;
  console.log("Dropdown 1 selected value: " + selectedValue);
});

dropdown2.addEventListener("change", function() {
  var selectedValue = dropdown2.value;
  console.log("Dropdown 2 selected value: " + selectedValue);
});

// 添加更多下拉列表的事件监听器...