jQuery Mobile - 選擇選單

選擇選單以下拉列表的形式提供各種選項。<select>...</select> 元素用於定義選擇列表，而 <option>...</option> 標籤用於定義選擇列表中的專案。

下表詳細演示了選擇選單的型別。

序號	型別及描述
1	基本選擇選擇選單建立一個簡單的選單，其中包含可供選擇的選項。
2	迷你選擇包含屬性 data-mini = "true" 用於建立迷你版選擇選單。
3	圖示位置可以使用 data-iconpos = "left" 屬性將其設定為欄位集的左側，以設定選擇選單圖示按鈕的位置。
4	選中選項 <select> jQuery Mobile 元素用於定義選擇列表，而 <option> 標籤用於定義選擇列表中的專案。
5	停用選項在 <option> 元素中設定屬性 disabled = "disabled" 以停用選擇選單選項。
6	選項組 optgroup jQuery Mobile 元素用於對選擇列表進行分組。
7	垂直分組預設情況下，選擇選單垂直設定。
8	垂直分組，迷你在欄位集中包含 data-mini = "true" 屬性，以建立迷你尺寸的垂直分組選擇選單。
9	水平分組透過在欄位集中包含 data-type = "horizontal" 屬性來水平設定選擇選單。
10	水平分組，迷你在欄位集中包含 data-mini = "true" 屬性，以建立迷你尺寸的水平分組選擇選單。

jquery_mobile_widgets.htm

列印頁面

廣告

© . All rights reserved.