将值从一个下拉列表传递到另一个下拉列表

<select id="sourceList">
  <option value="value1">Option 1</option>
  <option value="value2">Option 2</option>
  <option value="value3">Option 3</option>
</select>

<select id="targetList">
  <option value=""></option>
</select>

const sourceList = document.getElementById('sourceList');
const targetList = document.getElementById('targetList');

sourceList.addEventListener('change', function() {
  const selectedValue = sourceList.value;
  
  // 清空目标下拉列表
  targetList.innerHTML = '';
  
  // 根据选中的值添加选项到目标下拉列表
  if (selectedValue === 'value1') {
    targetList.innerHTML += '<option value="targetValue1">Target Option 1</option>';
    targetList.innerHTML += '<option value="targetValue2">Target Option 2</option>';
  } else if (selectedValue === 'value2') {
    targetList.innerHTML += '<option value="targetValue3">Target Option 3</option>';
    targetList.innerHTML += '<option value="targetValue4">Target Option 4</option>';
  } else if (selectedValue === 'value3') {
    targetList.innerHTML += '<option value="targetValue5">Target Option 5</option>';
    targetList.innerHTML += '<option value="targetValue6">Target Option 6</option>';
  }
});