如何将数据库中两列内容同时展示在下拉菜单(Dropdown Menu)中

云上老周

2026-10-2

问题原因

你当前直接拼接两个字段名赋值给DataTextField/DataValueField的写法是错误的：这两个属性只能接收数据源中已存在的单个字段名称，不会自动帮你把两个字段的内容做拼接。

解决方案

推荐两种常用的实现方式：

方式1：给DataTable新增计算列（最简便）

直接在数据源DataTable中新增一个拼接好的计算列，后续直接绑定这个新列即可：

// 新增计算列，规则为 TeamDescr + [TeamCode]，可自行修改分隔符样式
dtt.Columns.Add("CombinedDisplay", typeof(string), "TeamDescr + ' [' + TeamCode + ']'");
// 如果你需要值字段也同时存储两个字段内容就加下面这行，不需要的话可以保留原来的TeamCode当值字段
dtt.Columns.Add("CombinedValue", typeof(string), "TeamCode + '|' + TeamDescr");

DropTeam.DataSource = dtt;
// 值字段不需要拼接的话这里直接写"TeamCode"即可
DropTeam.DataValueField = "CombinedValue";
DropTeam.DataTextField = "CombinedDisplay";
DropTeam.DataBind();

方式2：绑定完成后遍历修改项文本

如果不想修改原始数据源，可以在绑定完成后遍历下拉项重新设置显示文本：

DropTeam.DataSource = dtt;
DropTeam.DataValueField = "TeamCode";
DropTeam.DataTextField = "TeamDescr";
DropTeam.DataBind();

// 遍历所有下拉项拼接显示文本
foreach (ListItem item in DropTeam.Items)
{
    DataRow[] matchedRows = dtt.Select($"TeamCode = '{item.Value}'");
    if(matchedRows.Length > 0)
    {
        item.Text = $"{matchedRows[0]["TeamDescr"]} [{matchedRows[0]["TeamCode"]}]";
    }
}