jQuery Mobile chaguo choo cha cha

jQuery Mobile 选择菜单

iPhone 上的选择菜单：

Android 设备上的选择菜单：

元素中的

Mfano

<form method="post" action="demoform.asp">
  <fieldset data-role="fieldcontain">
    <label for="day">Chagua tarehe</label>
    <select name="day" id="day">
      <option value="mon">Monday</option>
      <option value="tue">Tuesday</option>
      <option value="wed">Wednesday</option>
    </select>
  </fieldset>
</form>

Tafakari kusema kwa mwenyewe.

Inaa sababu:Ikiwe ujenzi wa kichwa cha chaguo cha kina una zawadi za vipengele vingi vya chaguo, tumekuwa na kichwa cha chaguo cha kina kwa kipendelee cha <optgroup>:

Mfano

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

Tafakari kusema kwa mwenyewe.

Chaguo cha Kipendelee cha Kina

Picha yenye uwanja huko juu ya ukurasa, inonyesha jinsi ya kumonisha chaguo cha kifaa cha kina cha kina.

Ikiwe ukitumia mifano ya chaguo cha kifaa cha kina kwa kumonisha muundo wa huzuni kwa kila kifaa cha kina, tumekuwa na jQuery kwa chaguo cha kipendelee cha kina, data-native-menu="false" kipendelee cha kina:

Mfano

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

Tafakari kusema kwa mwenyewe.

Chaguo cha Vingi

Ikiwe ukitumia chaguo cha chaguo kwa kuchagua vipengele vingi, tumeza kwa kichwa cha <select> kwa kipendelee cha multiple:

Mfano

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

Tafakari kusema kwa mwenyewe.

Mifano ya Zaidi

Tumia data-role="controlgroup"
Nasili ya Kukombina Menyu za Chaguo Kwa Kibali.
Tumia data-type="horizontal"
Nasili ya Kukombina Chaguo za Menyu Kwenye Mawingu.
Chaguo Kwanza
Nasili ya Kuwahakikisha Chaguo Kwanza.
Hatua ya Kusokota
Nasili ya Kurejea Hatua ya Kusokota.