జూనిక్స్ మొబైల్ ఫారమ్ సెలెక్షన్ మెనూ

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">మండే</option>
      <option value="tue">ట్యూస్డే</option>
      <option value="wed">సెండే</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"
如何水平地组合选择菜单。
预选选项
如何预选择一个选项。
可折叠表单
如何创建可折叠表单。