jQuery Mobile 表单选择菜单

Pilihan menu jQuery Mobile

Pilihan menu di iPhone：

Pilihan menu di peranti Android：

<select> 元素创建带有若干选项的下拉菜单。

<select> 元素中的 <option> 元素定义列表中的可用选项：

实例

<form method="post" action="demoform.asp">
  <fieldset data-role="fieldcontain">
    <label for="day">Pilih Tarikh</label>
    <select name="day" id="day">
      <option value="mon">Ahad</option>
      <option value="tue">Selasa</option>
      <option value="wed">Khamis</option>
    </select>
  </fieldset>
</form>

Coba sendiri

提示：如果列表中包含了一长列相关的选项，请在 <select> 中使用 <optgroup> 元素：

实例

<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>

Coba sendiri

自定义选择菜单

本页上方的图片，展示了移动平台显示选择菜单的独特方式。

如果您希望在所有移动设备上显示一致外观的选择菜单，请使用 jQuery 的自定义选择菜单，data-native-menu="false" 属性：

实例

<select name="day" id="day" data-native-menu="false">

Coba sendiri

Multiple Selections

若要在选择菜单中选取多个选项，请在 <select> 元素中使用 multiple 属性：

实例

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

Coba sendiri

Contoh Lebih Banyak

Gunakan data-role="controlgroup"
Bagaimana menggabungkan satu atau lebih menu pilihan.
Gunakan data-type="horizontal"
Bagaimana menggabungkan menu pilihan secara horizontal.
Pilihan yang diutamakan
Bagaimana memilih opsi yang diutamakan.
Formulir yang dapat bergiling
Bagaimana membuat formulir yang dapat bergiling.