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"屬性以建立迷你尺寸的水平組選擇選單。

jquery_mobile_widgets.htm
廣告

© . All rights reserved.