asp.net - 如何将标题属性添加到 ASP.NET DropDownList 的每个选项

Question

我正在处理一个较旧的 ASP.NET 项目(我认为不是 MVC)，他们需要的功能之一是当他们将鼠标悬停在下拉列表中的某个项目上时查看该项目的描述。这可以通过使用以下代码并使用标题文本的 HTML 简单地完成:

<select>
    <option value="1" title="Option 1 Desc">Option 1</option>
    <option value="2" title="Option 2 Desc">Option 2</option>
    <option value="3" title="Option 3 Desc">Option 3</option>
</select>

好的，那么我如何使用 ASP.NET DropDownList 控件执行此操作？我有以下代码:

<asp:DropDownList ID="DropDownListLocation" runat="server" AutoPostBack="true" OnSelectedIndexChanged="DropDownListLocation_OnSelectedIndexChanged" CssClass="editorFieldServerControl" ClientIDMode="Static"></asp:DropDownList>

在“代码隐藏”页面中:

private void PopulateFacilityDropdown(List<FacilityAvailableByLocation> facilities, int? selectedID)
{
    DropDownListFacility.DataSource = facilities;
    DropDownListFacility.DataTextField = "FacilityName";
    DropDownListFacility.DataValueField = "FacilityID";
    DropDownListFacility.DataBind();            
    DropDownListFacility.Items.Insert(0, new System.Web.UI.WebControls.ListItem("", ""));                   

    if (selectedID.HasValue && selectedID.Value > 0)
        DropDownListFacility.SelectedIndex = facilities.FindIndex(b => b.FacilityID == selectedID.Value);
        else DropDownListFacility.SelectedIndex = 0;
    }
}

基本上，设施列表中的每个设施都有我可以获取的 ID、名称、描述的属性。我只想能够在每个 <option> 上放置一个标题属性被渲染并将描述放入其中。或者能够为每个 <option> 添加自定义属性，如“数据描述”标签，然后我可以自己使用一些 jQuery 将标题添加到每个选项标签中，这很简单。

我怀念那些你可以循环遍历列表并手动输出自定义下拉代码的日子。

有什么想法吗？非常感谢

Answer 1

您可以像这样手动为每个列表项添加一个标题属性。试一试:

    private void PopulateFacilityDropdown(List<FacilityAvailableByLocation> facilities, int? selectedID)
    {
        DropDownListFacility.DataSource = facilities;
        DropDownListFacility.DataTextField = "FacilityName";
        DropDownListFacility.DataValueField = "FacilityID";
        DropDownListFacility.DataBind();            
        DropDownListFacility.Items.Insert(0, new System.Web.UI.WebControls.ListItem(String.Empty, String.Empty);                   

        foreach (FacilityAvailableByLocation f in facilities)
        {
            DropDownListFacility.Items.FindByValue(f.FacilityID).Attributes.Add("title", f.TitleDescription);
        }

        if (selectedID.HasValue && selectedID.Value > 0)
            DropDownListFacility.SelectedIndex = facilities.FindIndex(b => b.FacilityID == selectedID.Value);
            else DropDownListFacility.SelectedIndex = 0;
        }
    }

f.TitleDescription 将是您希望标题成为的属性。