En son web geliştirme öğreticiler
 

jQuery Mobile Form Seç Menüler


jQuery Mobile Seç Menüler

bir Iphone üzerinde Menüsünü seçin:
Bir de Menüsünü seçin Android/SGS4 cihazına:

<select> öğesi çeşitli seçeneklerin bulunduğu bir açılır listeyi oluşturur.

<option> elemanlar içindeki <select> öğesi listesinde kullanılabilir seçeneklerini tanımlayın:

Örnek

<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>
Kendin dene "

İpucu: ilişkilidir seçeneklerin uzun bir liste varsa, kullanmak <optgroup> eleman içinde <select> :

Örnek

<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>
Kendin dene "

Özel Seç Menüler

Bu sayfanın en üstünde görüntüler, seçkin bir menü gösteren kendi yolu var nasıl mobil platformlar gösterir.

Eğer seçme menüsü tüm mobil cihazlarda aynı görüntülemek isterseniz, jQuery'nin kendi özel seçme menüsünü kullanın data-native-menu="false" niteliği:

Örnek

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

Çoklu Seçimleri

Seçme menüsünde birden çok seçenek seçmek için kullanmak multiple o niteliği <select> elemanı:

Örnek

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

Diğer Örnekler

Kullanılması data-role="controlgroup"
Nasıl grubun bir veya daha fazla seçim menülerine.

Kullanarak data-type="horizontal"
Nasıl grup seçim menüleri yatay.

Kullanılması data-type="mini"
Nasıl bir seçim menüsünü küçültmek için.

Önceden seçilmiş seçenekleri
Nasıl bir seçenek önceden belirleyin.

Popup Seçimleri
Nasıl bir pop-up seçim menüsünü oluşturmak için.

Katlanır formlar
Nasıl katlanabilir formları oluşturmak için.

Varsayılan seçim ikonuna değiştirme
Nasıl seçme menülerin simgesini değiştirmek için (default is "arrow-d" ) .

Simge konumunu değiştirme
Nasıl seçme menülerin simge konumunu değiştirmek için (default is right ) .