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的作法，<datalist>
只要你的瀏覽器版本夠新，應該都能看見下面成果
............................. 寫信給我，mis2000lab (at) yahoo.com.台灣........................................................
............................. facebook社團 https://www.facebook.com/mis2000lab ............................
............................. Google+ https://plus.google.com/100202398389206570368/posts ..............
網頁的 ComboBox 怎麼做？ ASP.NET 與 HTML5
文章標籤
全站熱搜
留言列表
