最新的Web開發教程
 

jQuery Mobile表單中選擇菜單


jQuery Mobile的選擇菜單

在iPhone上選擇菜單:
一,選擇菜單中Android/SGS4設備:

<select>元素創建了幾個選項的下拉列表。

<option>元素中的<select>元素定義列表中的可用選項:

<form method="post" action="demoform.asp">
  <fieldset class="ui-field-contain">
    <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>
試一試»

提示:如果你有一個選項一長串是相關的,使用<optgroup>元素中<select>

<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" >
試一試»

多重選擇

要在選擇菜單中選擇多個選項,請使用多個屬性<select>元素:

<select name="day" id="day" multiple data-native-menu="false">
試一試»

更多示例

使用data-role="controlgroup"
如何對一組或多個選擇的菜單。

使用data-type="horizontal"
如何組選擇菜單水平。

使用data-type="mini"
如何來縮小選擇菜單。

預選選項
如何預先選擇一個選項。

彈出選擇
如何創建一個彈出選擇菜單。

可折疊的形式
如何創建可折疊的形式。

更改默認選擇圖標
如何改變選擇菜單的圖標(默認為"arrow-d"

更改圖標位置
如何改變選擇菜單的圖標位置(默認值是right )。