jQuery Mobile انتخابگر فرم

منوی انتخابی jQuery Mobile

منوی انتخابی در دستگاه‌های آیفون:

منوی انتخابی در دستگاه‌های اندروید:

عنصر <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>

به طور مستقیم امتحان کنید

منوی انتخابی سفارشی

تصویر بالا در این صفحه، روش نمایش منوی انتخابی منحصر به فرد پلتفرم‌های موبایل را نشان می‌دهد.

اگر می‌خواهید منوی انتخابی با ظاهری یکسان در همه دستگاه‌های موبایل نمایش داده شود، از منوی انتخابی سفارشی 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" استفاده کنید
چگونه یک منوی انتخابی را به صورت افقی ترکیب کنیم.
گزینه پیش‌فرض
چگونه یک گزینه پیش‌فرض انتخاب کنیم.
فرم تا‌شونده
چگونه یک فرم تا‌شونده ایجاد کنیم.