# jQuery Mobile 表單選擇菜單 ## jQuery Mobile 選擇菜單 Iphone 上的選擇菜單：Android/SGS4 設備上的選擇菜單：  &lt;select&gt; 元素創建帶有若干選項的下拉列表。 &lt;select&gt; 元素內的 &lt;option&gt; 元素定義了列表中的可用選項： ## 實例 ``` <form method="post" action="demoform.html"> <fieldset data-role="fieldcontain"> <label for="day">Select Day</label> <select name="day" id="day"> <option value="mon">Monday</option> <option value="tue">Tuesday</option> <option value="wed">Wednesday</option> </select> </fieldset> </form> ``` **提示：**如果您有一個帶有相關選項的很長的列表，請在 &lt;select&gt; 內使用 &lt;optgroup&gt; 元素： ## 實例 ``` <select name="day" id="day"> <optgroup label="Weekdays"> <option value="mon">Monday</option> <option value="tue">Tuesday</option> <option value="wed">Wednesday</option> </optgroup> <optgroup label="Weekends"> <option value="sat">Saturday</option> <option value="sun">Sunday</option> </optgroup> </select> ``` ## 自定義選擇菜單 本頁頂部的圖像，演示了移動平臺上如何使用它們的方式展示一個選擇菜單。 如果您想要讓選擇菜單在所有的移動設備上都顯示相同，請使用 jQuery 自帶的自定義選擇菜單，data-native-menu="false" 屬性： ## 實例 ``` <select name="day" id="day" data-native-menu="false"> ``` ## 多個選擇 如需在選擇菜單中選擇多個選項，請在 &lt;select&gt; 元素中使用 multiple 屬性： ## 實例 ``` <select name="day" id="day" multiple data-native-menu="false"> ``` ## 更多實例 [使用 data-role="controlgroup"](/try/try.php?filename=tryjqmob_forms_select_group) 如何組合一個或多個選擇菜單。 [使用 data-type="horizontal"](/try/try.php?filename=tryjqmob_forms_select_horizontal) 如何水平組合選擇菜單。 [預選中選項](/try/try.php?filename=tryjqmob_forms_select_selected) 如何預選中一個選項。 [可折疊表單](/try/try.php?filename=tryjqmob_forms_collapsible) 如何創建可折疊表單。