أحدث البرامج التعليمية وتطوير الشبكة
 

jQuery Mobile تحديد نموذج القوائم


مسج موبايل حدد القوائم

اختر القائمة على اي فون:
اختر القائمة على Android/SGS4 الجهاز:

و <select> عنصر يخلق القائمة المنسدلة مع العديد من الخيارات.

و <option> عناصر داخل <select> عنصر تحديد الخيارات المتاحة في القائمة:

مثال

<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>
انها محاولة لنفسك »

نصيحة: إذا كان لديك قائمة طويلة من الخيارات التي ترتبط، استخدم <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>
انها محاولة لنفسك »

مخصص حدد القوائم

الصور على أعلى هذه الصفحة، يبين كيف منصات متحركة لديهم طريقتهم الخاصة لإظهار قائمة مختارة.

إذا كنت ترغب في القائمة المختارة لعرض نفسه على كافة الأجهزة النقالة، واستخدام العرف الخاص اختر القائمة مسج، فإن data-native-menu="false" السمة:

مثال

<select name="day" id="day" data-native-menu="false" >
انها محاولة لنفسك »

مختارات متعددة

لتحديد خيارات متعددة في قائمة التحديد، استخدام السمة متعددة في <select> العنصر:

مثال

<select name="day" id="day" multiple data-native-menu="false">
انها محاولة لنفسك »

المزيد من الأمثلة

باستخدام data-role="controlgroup"
كيف لمجموعة واحدة أو أكثر من القوائم الاختيار.

استخدام data-type="horizontal"
كيفية اختيار القوائم مجموعة أفقيا.

باستخدام data-type="mini"
كيفية تقليل جافا قائمة الاختيار.

خيارات محددة مسبقا
كيف لمرحلة ما قبل تحديد خيار.

المنبثقة مختارات
كيفية إنشاء قائمة اختيار المنبثقة.

نماذج للطي
كيفية إنشاء نماذج للطي.

تغيير حدد الرمز الافتراضي
كيفية تغيير رمز من القوائم اختر (الافتراضي هو "arrow-d" ).

تغيير موقف رمز
كيفية تغيير موضع رمز من القوائم اختر (الافتراضي هو right ).