http://www.dotblogs.com.tw/mis2000lab/archive/2014/03/25/combobox_aspnet_html5_datalist.aspx

網頁的 ComboBox 怎麼做? ASP.NET 與 HTML5

 

Windows Form上面的 ComboBox,
就是下拉式選單(DropDownList)加上文字輸入方塊(TextBox)的混合體(Hybrid)
 
網頁也能作出來嗎?
 
 
 
 
在此提供兩種作法:
 
第一種,ASP.NET
 
HTML畫面上,請使用下拉式選單(DropDownList)加上文字輸入方塊(TextBox)
 
建議下拉式選單(DropDownList)設定 AutoPostBack = true
 
    protected void DropDownList1_SelectedIndexChanged(object sender, EventArgs e)
    {
        TextBox1.Text = DropDownList1.SelectedItem.Text;
    }
 
如果您要做的更好,搭配ASP.NET AJAX (UpdatePanel)會更滑順一點
上面兩個範例在我的書籍已經收錄了。
 
 
 
 
第二種,HTML5的作法,<datalist>

只要你的瀏覽器版本夠新,應該都能看見下面成果

 

 

 

 


 

............................. 寫信給我,mis2000lab (at) yahoo.com.台灣........................................................

.............................   facebook社團   https://www.facebook.com/mis2000lab   ............................

.............................   Google+   https://plus.google.com/100202398389206570368/posts ..............

 

 

 

網頁的 ComboBox 怎麼做? ASP.NET 與 HTML5

文章標籤
創作者介紹
創作者 MIS2000 Lab 的頭像
MIS2000 Lab

MIS2000 Lab -- ASP.NET專題實務 / 線上教學文件

MIS2000 Lab 發表在 痞客邦 留言(0) 人氣()