jQuery Mobile ਫਾਰਮ ਚੋਣ ਮੈਨੂ

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

آئی فون پر انتخاب منوی:

اندروئڈ ڈیوائس پر انتخاب منوی:

<select> علامت، متعدد چیزوں کا منوی بناتا ہے۔

<select> علامت میں <option> علامت، فہرست میں دستیاب چیزوں کا تعریف کرتی ہے:

مثال

<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>

ਆਪਣੇ ਅਨੁਭਵ ਕਰੋ

نکات:اگر فہرست میں متعدد متعلقہ چیزوں کا ایک طویل سلسلہ شامل ہے، تو <select> میں <optgroup> علامت استعمال کریں:

مثال

<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">

ਆਪਣੇ ਅਨੁਭਵ ਕਰੋ

کثیرینتی

اگر چاہیئید کہ انتخاب کے منوی میں متعدد چیزوں کو منتخب کیا جائے، تو <select> علامت میں multiple خاصیت استعمال کریں:

مثال

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

ਆਪਣੇ ਅਨੁਭਵ ਕਰੋ

ਹੋਰ ਉਦਾਹਰਣ

ਵਰਤੋਂ data-role="controlgroup"
ਕਿਵੇਂ ਇੱਕ ਜਾਂ ਕਈ ਚੋਣ ਮੇਨੂ ਮਿਲਾਓ
ਵਰਤੋਂ data-type="horizontal"
ਕਿਵੇਂ ਹੰਗਮੈਨ ਚੋਣ ਮੇਨੂ ਮਿਲਾਓ
ਪ੍ਰਿਮੀਅਮ ਚੋਣ
ਕਿਵੇਂ ਇੱਕ ਚੋਣ ਪ੍ਰਿਮੀਅਮ ਕਰੋ
ਫੋਲਡਰ ਫਾਰਮ
ਕਿਵੇਂ ਫੋਲਡਰ ਫਾਰਮ ਬਣਾਓ