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" کثیر data-native-menu="false">

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

مثال‌های بیشتر

از data-role="controlgroup" استفاده کنید
چگونه یک یا چند منوی انتخابی را ترکیب کنید.
از data-type="horizontal" استفاده کنید
چگونه یک منوی انتخابی را به صورت افقی ترکیب کنید.
گزینه پیش‌انتخاب شده
چگونه یک گزینه را پیش‌انتخاب کنید.
فرم‌های قابل انقباض
چگونه یک فرم قابل انقباض ایجاد کنید.