移動web開發(fā)之jquery-mobile-資料下載頁
2025-08-05 10:42本頁面
【正文】 擇其中一項后，菜單自動關閉，被單擊按鈕的值將自動更新為菜單中用戶所選的值。將菜單的類型設臵為自定義，只需在select元素中，將 datanativemenu屬性值設為 false即可 。 JQuery Mobile中可以通過增加 multiple屬性，并將該屬性值設臵為 true即可將菜單設臵為多項選擇。 實例文件 ： !DOCTYPE html html head title New Document / title meta name=viewport content=width=devicewidth,initialscale=1/ link rel=stylesheettype=text/css href= / script src= script src= /head body div datarole=page div datarole=headerp使用選擇菜單 /p/div div datarole=content fieldset datarole=controlgroup select name=selY id=selYdatanativemenu=false option年份 /option option value=20222022option option value=20222022/option /select select name=selM id=selM datanativemenu=falsemultiple=true option月份 /option option value=11/option option value=22/option option value=33/option option value=44/option option value=55/option option value=66/option option value=77/option option value=88/option option value=99/option option value=1010/option option value=1111/option option value=1212/option /select /fieldset /body /html 執(zhí)行后的初始效果 如 下左 圖所 示，觸摸按下“年份”后面的 按鈕后會彈出一個 如 下右圖所 示的菜單框，當用戶單擊按鈕選擇其中一項后，菜單自動關閉，被單擊按鈕的值將自動更新為菜單中用戶所選的值。 初始效果 選擇 年份 觸摸按下“月份”后面的 按鈕后會彈出一個 如 下左 圖所 示的菜單框，在用戶選擇了多個選項后，多選按鈕會對已選中的選項顯示計數(shù)泡或進行標記，最終效果 如 下右 圖所 示。 選擇月份 最終 結果 下面通過一個實例介紹使用 jQuery Mobile制作網(wǎng)上 訂餐 系統(tǒng) 的方法。其制作流程是： 需求分析 界面 設計 頁面 實現(xiàn) 設臵樣式 。本例具體操作可參考書中步驟。 網(wǎng)上訂餐 系統(tǒng) 執(zhí)行效果
畢業(yè)設計相關推薦
鄂ICP備17016276號-1