jQuery Mobile फॉर्म चयन मेनू

jQuery Mobile चयन मेनू

iPhone पर चयन मेनू:

Android डिवाइस पर चयन मेनू:

<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" का उपयोग करें
कैसे विकल्प मेनू को आड़ा किया जाता है।
पूर्व-चयनित विकल्प
कैसे एक विकल्प को पूर्व-चयनित किया जाता है।
कोलेप्टिबल फॉर्म
कैसे कोलेप्टिबल फॉर्म बनाया जाता है।