当我从另一个组合框2中选择某些项目时，如何显示组合框1中的特定项目

<!-- HTML -->
<select id="combo1"></select>
<select id="combo2">
  <option value="1">项目1</option>
  <option value="2">项目2</option>
  <option value="3">项目3</option>
</select>

// JavaScript
const combo1 = document.getElementById('combo1');
const combo2 = document.getElementById('combo2');

combo2.addEventListener('change', function() {
  const selectedValue = combo2.value;
  const specificItems = getSpecificItems(selectedValue); // 根据选中值获取特定项目列表

  // 清空组合框1的选项
  combo1.innerHTML = '';

  // 添加特定项目到组合框1
  specificItems.forEach(function(item) {
    const option = document.createElement('option');
    option.value = item.value;
    option.textContent = item.label;
    combo1.appendChild(option);
  });
});

function getSpecificItems(selectedValue) {
  // 根据选中值返回特定项目列表，可以是硬编码的数据或从数据库、API等获取
  // 返回的特定项目列表应包含value和label属性，分别表示项目的值和显示文本
  // 示例数据：
  const items = [
    { value: 'a', label: '特定项目A' },
    { value: 'b', label: '特定项目B' },
    { value: 'c', label: '特定项目C' }
  ];

  // 根据选中值筛选特定项目
  const specificItems = items.filter(function(item) {
    return item.value === selectedValue;
  });

  return specificItems;
}