HTML 5 数据列表选项

【问题标题】：HTML 5 Datalist OptionHTML 5 数据列表选项
【发布时间】：2013-04-21 14:04:03
【问题描述】：

如何使用数据库中的数据将其放入 HTML5 的数据列表中

例如

<input list="browsers">

<datalist id="browsers">
  <option value="Internet Explorer">
  <option value="Firefox">
  <option value="Chrome">
  <option value="Opera">
  <option value="Safari">
</datalist>

如何从数据库中检索选项？而不是手动放置。我正在使用 asp.net C#

【问题讨论】：

在asp:listbox上搜索你会发现很多例子。
无效关闭 - asp:ListBox HTML5 数据列表

标签： c# asp.net html html-datalist

【解决方案1】：

我已经使用这些代码解决了我的问题。

protected void Page_Load(object sender, EventArgs e)
{
    bindProducts();
}

private void bindProducts()
{
    using (systemDbEntities context = new systemDbEntities())
    {
        var q = from c in context.Products select new { c.ProductId, c.Name };
        foreach (var item in q)
        {
            lstProducts.InnerHtml += "<option value='" + item.Name + "'>";
        }
    }
}

<asp:TextBox ID="txtBoxSearch" runat="server" placeholder="Search"  
             list="lstProducts"></asp:TextBox>
<datalist id="lstProducts" runat="server"></datalist>

谢谢你们！ :)

【讨论】：