jQuery Mobile 形狀選擇菜單

Μενού Επιλογών του jQuery Mobile

Μενού Επιλογών στο iPhone:

Μενού Επιλογών στο Android Εξοπλισμό:

Το στοιχείο <select> δημιουργεί ένα μενού πτώσεως με πολλαπλές επιλογές.

Το στοιχείο <option> στο στοιχείο <select> ορίζει τις διαθέσιμες επιλογές στη λίστα:

παράδειγμα

<form method="post" action="demoform.asp">
  <fieldset data-role="fieldcontain">
    <label for="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>

Δοκιμάστε το προσωπικά σας.

Προσαρμοσμένο Μενού Επιλογών

Η εικόνα που βρίσκεται παραπάνω στη σελίδα, δείχνει τον μοναδικό τρόπο που εμφανίζονται τα μενού επιλογών στα κινητά πλατφόρμες.

Αν θέλετε να εμφανίζεται ένα ενιαίο εμφανιστικό στοιχείο σε όλα τα κινητά thiếtυματα, χρησιμοποιήστε το προσαρμοσμένο μενού επιλογών του jQuery, η ιδιότητα data-native-menu="false":

παράδειγμα

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

Δοκιμάστε το προσωπικά σας.

Πολλαπλές Επιλογές

Αν θέλετε να επιλέξετε πολλαπλές επιλογές από το μενού επιλογών, χρησιμοποιήστε την ιδιότητα multiple στο στοιχείο <select>:

παράδειγμα

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

Δοκιμάστε το προσωπικά σας.

Περισσότερα Παράδειγματα

Χρησιμοποιήστε data-role="controlgroup"
Πώς να συνδυάσετε ένα ή περισσότερα μενού επιλογών.
Χρησιμοποιήστε data-type="horizontal"
Πώς να συνδυάσετε το μενού επιλογών οριζόντια.
Προεπιλεγμένη Επιλογή
Πώς να προεπιλέξετε μια επιλογή.
Κατεκλιμένη Φόρμα
Πώς να δημιουργήσετε μια κατεκλιμένη φόρμα.