HTML 5 Datalist中選擇

Question

如何使用從數據庫中的數據，以將其放置在一個DataList爲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＃

Answer 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> 

謝謝你們！ :)