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

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）

 

網頁也能作出來嗎？

 

可以參閱這個網頁的 Demo -- http://www.asp.net/AjaxLibrary/AjaxControlToolkitSampleSite/ComboBox/ComboBox.aspx

 

 

 

在此提供兩種作法：

 

第一種，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的作法，

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

 

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

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

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

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