Jak wypełnić „wybrać” z bazy danych w ASP.NET

Question

Mam kontroli HTML select

<select id="Select1" runat="server" name="D1"> 
    <option></option> 
</select> 

Jak mogę wypełnić go z danymi z mojej bazy danych SQL Server wykorzystaniem C# lub JavaScript/jQuery/JSON?

Proszę nie zamieszczać odpowiedzi na temat wypełniania asp:DropDownList, ponieważ już wiem, jak to zrobić, muszę użyć kontrolki select.

Answer 1

aspx:

kod

<select id="Select1" runat="server" name="D1"> 

    </select> 

za:

protected void Page_Load(object sender, EventArgs e) 
{ 
    if (!IsPostBack) 
    { 
     string ConnectString = "server=localhost;database=pubs;integrated security=SSPI"; 
     string QueryString = "select * from authors"; 

     SqlConnection myConnection = new SqlConnection(ConnectString); 
     SqlDataAdapter myCommand = new SqlDataAdapter(QueryString, myConnection); 
     DataSet ds = new DataSet(); 
     myCommand.Fill(ds, "Authors"); 

     Select1.DataSource = ds; 
     Select1.DataTextField = "au_fname"; 
     Select1.DataValueField = "au_fname"; 
     Select1.DataBind(); 
    } 
} 

Answer 2

Można użyć json w Ajax, ale trzeba wrócić jak JSON z serwera przy użyciu niektórych usługa.

$.ajax({ 
    url:'/path/to/webservice/method', 
    type:'POST', 
    dataType: 'json', 
    success: function(data){ 
     $.each(data, function(i, item){ 
      $('<option value="'+item.val+'">'+item.text+'</option>').appendTo('#Select1'); 
     }); 
    }, 
    error: function(){ 
     console.log('err') 
    } 
}); 

Answer 3

function GetItems() { 

var items; 

    $.getJSON("/api/MethodName/" + id(Optional), function (data) { 
     $.each(data, function (key, val) { 
      items += "<option value='" + val.id+ "'>" + val.value+ "</option>";  
     }); 

     var header = '<option value=\'\'>Select...</option>'; 
     $('#Select1').html(header + items); 
    }); 

}; 

Można użyć asp.net WebAPI dla JSON, to jest bardzo proste i szybkie

• Asp.Net Web Api
• Using Web Api with Web Forms

Answer 4

W kodzie za:

string options = string.Empty; 
using (SqlConnection sql_conn = new SqlConnection(ConfigurationManager.ConnectionStrings["connstr"].ToString())) 
     { 
      SqlDataAdapter sql_adapter = new SqlDataAdapter("select Value, Name from YourTable", sql_conn); 
      DataSet ds = new DataSet(); 
      sql_adapter.Fill(ds, "TempTable"); 

      foreach (DataRow row in ds.Tables["TempTable"].Rows) 
      { 
       options = "<option value='" + row["Value"] + "'>" + row["Name"] + "</option>"; 
      } 
      sql_conn.Close(); 
      return options; 
     } 

a następnie można użyć jQuery:

$.get(url, function (data) {   
     $('#Select1').html(data); 
    }); 

Answer 5

Można użyć repeater

<select> 
<asp:Repeater ID="Repeater1" runat ="server" DataSourceID="SqlDataSource1"> 
    <ItemTemplate> 
     <option value='<%# Eval("ID")%>'> <%# Eval("ITEMNAME")%></option> 
    </ItemTemplate> 
</asp:Repeater> 
</select>