- jQuery Mobile 教程
- jQuery Mobile - 首頁
- jQuery Mobile - 概述
- jQuery Mobile - 設定
- jQuery Mobile - 頁面
- jQuery Mobile - 圖示
- jQuery Mobile - 過渡
- jQuery Mobile - 佈局
- jQuery Mobile - 小部件
- jQuery Mobile - 事件
- jQuery Mobile - 表單
- jQuery Mobile - 主題
- jQuery Mobile - CSS 類
- jQuery Mobile - 資料屬性
- jQuery Mobile 有用資源
- jQuery Mobile - 面試問題
- jQuery Mobile - 快速指南
- jQuery Mobile - 有用資源
- jQuery Mobile - 討論
jQuery Mobile - 自定義選擇選單
自定義選擇選單用於以彈出視窗格式顯示選單列表。
下表詳細演示了自定義 selectmenu 的型別。
| 序號 | 型別及描述 |
|---|---|
| 1 | 基本自定義 SelectMenu
包含data-native-menu = "false"屬性以彈出視窗格式顯示選單。 |
| 2 | 長列表
當有多個列表可用時,它會顯示自定義選擇選單的長列表。 |
| 3 | 迷你尺寸
包含屬性data-mini = "true"用於建立迷你版自定義選擇選單。 |
| 4 | 左側圖示
透過在 fieldset 中使用data-iconpos = "left"屬性,將選單圖示設定為左側。 |
| 5 | 資料佔位符
佔位符指定一個簡短的提示,描述預期的值。 |
| 6 | 無值的選項
<option>標籤用於在選擇列表中定義一個專案,而value = ""屬性設定name屬性中變數的預設值。 |
| 7 | 無值的空選項
任何沒有值的<option>都可以在自定義選擇選單中保留為空。 |
| 8 | 選定的選項
在<option>標籤中,新增屬性selected = "selected"以選擇特定選項。 |
| 9 | 停用的選項
在<option>元素中設定屬性disabled = "disabled"以使自定義選擇選單選項停用。 |
| 10 | 多選選項
在<select>元素中包含multiple = "multiple"以在自定義列表檢視中選擇多個選項。 |
| 11 | 多選、左側圖示、長列表
透過在<select>元素中新增屬性data-iconpos = "left"將圖示設定在左側。 |
| 12 | 選項組
optgroup jQuery mobile 元素用於對選擇列表進行分組,而<option>標籤用於在選擇列表中定義該特定組下的專案。 |
| 13 | 垂直控制組
在 fieldset 中設定data-role = "controlgroup"屬性以垂直分組自定義選擇選單。 |
| 14 | 垂直控制組、左側圖示、迷你尺寸
在 fieldset 中包含data-mini="true"屬性以建立迷你尺寸垂直組自定義選擇選單。 |
| 15 | 水平控制組
透過在 fieldset 中包含data-type = "horizontal"將選擇選單設定為水平方向。 |
| 16 | 水平控制組,迷你尺寸
在 fieldset 中包含data-mini = "true"屬性以建立迷你尺寸的水平組選擇選單。 |