iT邦幫忙

0

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

  • 分享至 

  • xImage
  •  

常常有人在論壇上詢問「網頁上有沒有ComboBox」

ComboBox在 Windows程式上很常見
但在網頁HTML表單上,則沒有這個東西

該怎麼實作呢?
常常有人在論壇上詢問「網頁上有沒有ComboBox」

ComboBox在 Windows程式上很常見
但在網頁HTML表單上,則沒有這個東西

ASP.NET或是其他網頁程式,可以透過 DropDownList(下拉式選單) + TextBox完成
搭配ASP.NET AJAX可以把功能作的更好

建議下拉式選單(DropDownList)設定 AutoPostBack = true
 
    protected void DropDownList1_SelectedIndexChanged(object sender, EventArgs e)
    {
        TextBox1.Text = DropDownList1.SelectedItem.Text;
    }

傳統HTML表單,可以透過 <select> + <input type=text>搭配 JavaScript也能作出來

新的HTML5則推出 DataList
徹底完成,不用像以前一樣用「湊」的、組合的
直接搭配 <input type=text>完工

這張圖片把程式碼與運作成果展示出來:
http://files.dotblogs.com.tw/mis2000lab/1403/2014325103152271.jpg

如果看不到圖片、或是要看完整程式碼,也可以參閱我的文章
希望對您有幫助:

網頁的 ComboBox 怎麼做? ASP.NET 與 HTML5
http://www.dotblogs.com.tw/mis2000lab/archive/2014/03/25/combobox_aspnet_html5_datalist.aspx


圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言