Ultimele tutoriale de dezvoltare web
 

jQuery Mobile Formular Selectați Meniuri


jQuery Mobile Selectați Meniuri

Selectați Meniu pe un iPhone:
Selectați Meniu pe un Android/SGS4 dispozitiv:

<select> elementul creează o listă verticală cu mai multe opțiuni.

<option> elemente din interiorul <select> Element defini opțiunile disponibile în listă:

Exemplu

<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>
Încearcă - l singur »

Sfat: Dacă aveți o listă lungă de opțiuni , care sunt legate, utilizați <optgroup> elementul interior <select> :

Exemplu

<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>
Încearcă - l singur »

Selectați meniuri personalizate

Imaginile de pe partea de sus a acestei pagini, arată modul în care platformele mobile au propriul lor mod de a arăta un meniu select.

Dacă doriți ca meniul de selectare pentru a afișa aceeași pe toate dispozitivele mobile, utilizați propriul selectați meniul personalizat jQuery, The data-native-menu="false" de data-native-menu="false" atribut:

Exemplu

<select name="day" id="day" data-native-menu="false" >
Încearcă - l singur »

selecţii multiple

Pentru a selecta mai multe opțiuni în meniul de selectare, utilizați multiple atributul în <select> elementul:

Exemplu

<select name="day" id="day" multiple data-native-menu="false">
Încearcă - l singur »

Mai multe exemple

Utilizarea data-role="controlgroup"
Cum de a grupa una sau mai multe meniuri de selecție.

Utilizarea data-type="horizontal"
Cum la meniuri de selectare a grupului orizontal.

Utilizarea data-type="mini" de data-type="mini"
Cum să minify un meniu de selecție.

Opțiuni de pre-selectate
Cum de a pre-selecta o opțiune.

Popup selecţii
Cum de a crea un meniu pop-up de selecție.

Formulare pliabili
Cum de a crea forme pliabile.

Schimbarea selectați pictograma implicită
Cum se schimba pictograma de meniuri selectați (default is "arrow-d" ) .

Schimbarea poziției pictograma
Cum se schimbă poziția pictograma de meniuri selectați (default is right ) .