求助：使用JavaScript加载单行CSV填充HTML下拉框失败

核心问题：循环跳过了唯一的有效行 #

你的locations.csv只有单行地点数据，但代码里的循环从i=1开始，直接跳过了索引为0的唯一一行数据，导致没有任何选项被添加到下拉框。

修复方案 #

把循环逻辑改成遍历所有行，同时过滤空内容，适配单行或多行的CSV文件：

fetch('locations.csv')
  .then(response => response.text())
  .then(csvData => {
    const rows = csvData.split('\n');
    // 遍历所有行，无需跳过第一行
    for (const row of rows) {
      const location = row.trim();
      if (location !== '') {
        const option = document.createElement('option');
        option.value = location;
        option.textContent = location;
        locationSelect.appendChild(option);
      }
    }
  })
  .catch(error => {
    console.error('Error fetching locations:', error);
  });

其他可能的排查点 #

• 文件路径与名称：确认locations.csv和index.html在同一目录，文件名大小写完全匹配（Linux/macOS系统区分大小写）。
• 请求状态：打开浏览器开发者工具的「Network」面板，查看locations.csv的请求状态，如果是404，说明路径有误。
• 文件内容格式：检查CSV文件是否真的只有有效单行数据，没有多余的空行或隐藏字符（比如部分编辑器会自动在文件末尾添加空行）。
• 本地文件CORS限制：如果直接用file://协议打开HTML文件，部分浏览器会限制本地文件的fetch请求，建议用本地服务器运行（比如执行python -m http.server或npx http-server启动服务后访问）。

内容的提问来源于stack exchange，提问作者user22268432