js获取多个下拉菜单的值

<select id="select1">
  <option value="1">Option 1</option>
  <option value="2">Option 2</option>
</select>

<select id="select2">
  <option value="A">Option A</option>
  <option value="B">Option B</option>
</select>

<button onclick="getSelectedValues()">Get Values</button>

function getSelectedValues() {
  // 获取单个下拉菜单的值
  const select1 = document.getElementById('select1');
  const select2 = document.getElementById('select2');

  const value1 = select1.value;
  const value2 = select2.value;

  console.log('Selected values:', value1, value2);

  // 如果有多个下拉菜单，可以使用类选择器
  const selects = document.querySelectorAll('.select-class');
  selects.forEach(select => {
    console.log(select.id, select.value);
  });
}