使用Selenium将下拉框元素逐行展示到DataGridView时格式异常排查

核心问题 #

1. 重复ID导致元素定位异常：HTML规范要求ID唯一，但你用FindElements(By.Id("ddlDersler"))获取多个下拉框，说明这些下拉框共用了同一个ID，这会导致浏览器返回的元素行为异常（比如第一个下拉框的Text属性返回所有选项的拼接文本）。
2. 列名使用错误：你用select.Text作为DataColumn的列名，而<select>元素的Text属性在不同浏览器中行为不一致——部分浏览器会返回所有选项的文本拼接，而非下拉框的标识，这直接导致第一个下拉框的所有选项被塞进同一个列，看起来像是在同一行。

修复步骤 #

步骤1：修正HTML元素标识

给每个下拉框分配唯一的ID，或者改用class属性定位（比如给所有下拉框加class="ders-dropdown"），避免ID重复。

步骤2：修改代码逻辑

用下拉框的唯一标识属性（比如ID、name）作为列名，替代不稳定的select.Text；同时确保每个选项对应单独一行：

// 改用class定位（如果已给下拉框加了统一class），或者用唯一ID的选择器
IList<IWebElement> selectElements = drv.FindElements(By.ClassName("ders-dropdown"));
DataTable dt = new DataTable();

foreach (IWebElement select in selectElements)
{
    var selectElement = new SelectElement(select);
    // 用下拉框的ID作为列名（确保ID唯一），或者用name、自定义属性
    string colName = select.GetAttribute("id");
    // 如果没有唯一ID，也可以用name属性：select.GetAttribute("name")
    DataColumn dtcol = new DataColumn(colName);
    dt.Columns.Add(dtcol);

    // 每个选项对应一行，仅当前列赋值
    foreach (IWebElement option in selectElement.Options)
    {
        DataRow row = dt.NewRow();
        row[colName] = option.Text.Trim();
        dt.Rows.Add(row);
    }
}

dataGridView1.DataSource = dt;

可选：如果需要对齐显示所有下拉框的选项（每行对应各下拉框的一个选项）

如果你希望每个下拉框作为一列，每行对应所有下拉框的第N个选项（不足的选项留空），可以用以下逻辑：

IList<IWebElement> selectElements = drv.FindElements(By.ClassName("ders-dropdown"));
DataTable dt = new DataTable();
List<List<string>> allOptions = new List<List<string>>();

// 先收集所有下拉框的选项，并创建列
foreach (IWebElement select in selectElements)
{
    var selectElement = new SelectElement(select);
    string colName = select.GetAttribute("id");
    dt.Columns.Add(colName);
    // 收集当前下拉框的所有选项文本
    allOptions.Add(selectElement.Options.Select(o => o.Text.Trim()).ToList());
}

// 确定最大行数（选项最多的下拉框的选项数）
int maxRows = allOptions.Max(list => list.Count);

// 逐行填充数据
for (int i = 0; i < maxRows; i++)
{
    DataRow row = dt.NewRow();
    for (int j = 0; j < selectElements.Count; j++)
    {
        // 如果当前下拉框有第i个选项，赋值；否则留空
        if (i < allOptions[j].Count)
        {
            row[j] = allOptions[j][i];
        }
    }
    dt.Rows.Add(row);
}

dataGridView1.DataSource = dt;

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