iT邦幫忙

2022 iThome 鐵人賽

0
Modern Web

30天淺嘗主流前端設計系列 第 28

DAY28 JQuery UI 元件:Selectmenu!!

  • 分享至 

  • xImage
  •  

DAY28 JQuery UI 元件:Selectmenu!!

今天我們要進行JQueryUI元件最後一個要介紹的常用元件:Selectmenu(下拉式選單)!

1.首先跟前面兩個元件一樣,我們需要先透過一個html元素來定義元件的內容(清單內容),我們使用select以及
option元素來進行定義。舉例來說:
https://ithelp.ithome.com.tw/upload/images/20221017/20151970PToExZwRrY.png

2.接著我們就可以來進行呼叫選單的方法了,不像dialog需要.on來進行觸發,我們只要透過Selectmenu元件內建的
.selectmenu就可以直接呼叫出來了。舉例來說:
https://ithelp.ithome.com.tw/upload/images/20221017/20151970vGzIBZNYbR.png

這樣我們就可以做出能夠顯示選單並傳回使用者選擇的值的下拉式選單了~~
關於JQueryUI的介紹就先到這邊,下一篇會簡單介紹Ajax和JSON~~~~

今天的課程就到這邊


上一篇
DAY27 JQuery UI 元件:Datepicker!!
下一篇
DAY29 簡單介紹Ajax和JSON!!
系列文
30天淺嘗主流前端設計30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言