需要帮助使用json填充列表框，当前显示空值

fetch('data.json')
  .then(response => response.json())
  .then(data => {
    // 在这里处理获取到的JSON数据
  })
  .catch(error => {
    console.error('Error:', error);
  });

[
  { "id": 1, "name": "Item 1" },
  { "id": 2, "name": "Item 2" },
  { "id": 3, "name": "Item 3" }
]

fetch('data.json')
  .then(response => response.json())
  .then(data => {
    const listBox = document.getElementById('listBox'); // 假设列表框的id为listBox
    data.forEach(item => {
      const option = document.createElement('option');
      option.value = item.id;
      option.text = item.name;
      listBox.appendChild(option);
    });
  })
  .catch(error => {
    console.error('Error:', error);
  });