jQuery Mobile 表单选择菜单

选择菜单：<select>创建下拉菜单，<option>表示列表选项，<optgroup>表示列表分组标题

               e.g.

              <fieldset  data-role="fieldcontain">

                  <label  for="selectId>标题</label>

                  <select  name="selectName"  id="selectId">

                        <optgroup  label="title1">

                           <option  value="optionValue1">text1</option>

                           <option  value="optionValue2">text2</option>

                           <option  value="optionValue3">text3</option>

                        <optgroup  label="title2">

                           <option  value="optionValue11">text11</option>

                           <option  value="optionValue22">text22</option>

                           <option  value="optionValue33">text33</option>

                     </select>

                  </fieldset>

                  自定义选择菜单－ data-native-menu="false"   // 可在所有移动设备上显示一致外观

                  e.g.     <select  name="day"  id="day"  data-native-menu="false">

                  多选菜单－ multiple

                  e.g.

                  <fieldset  data-role="fieldcontain">

                       <label  for="selectId>多选</label>

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

                           <option>列表标题</option>    //不含value属性的option元素可作为列表标题

                           <option  value="optionValue1">text1</option>

                           <option  value="optionValue2">text2</option>

                           <option  value="optionValue3">text3</option>

                           <option>列表标题2</option>   

                           <option  value="optionValue4">text4</option>

                           <option  value="optionValue5">text5</option>

                        </select>

                   </fieldset>

                   组合一个或多个选择菜单－  data-role="controlgroup"

                   水平组合－   data-type="horizontal"    预选－ selected

                   e.g.

                  <fieldset  data-role="controlgroup"  data-type="horizontal">

                         <legend>组合标题</legend>

                         <label  for="selectId>标题</label>

                         <select  name="selectName"  id="selectId" >

                             <option  value="optionValue1">text1</option>

                             <option  value="optionValue2"  selected>text2</option>

                             <option  value="optionValue3">text3</option>

                             <option  value="optionValue4">text4</option>

                         </select>

                         <label  for="selectId2>标题2</label>

                         <select  name="selectName2"  id="selectId2" >

                             <option  value="optionValue11">text11</option>

                             <option  value="optionValue22">text22</option>

                             <option  value="optionValue33"  selected>text33</option>

                             <option  value="optionValue44">text44</option>

                         </select>

                   </fieldset> 

                  折叠－ data-role="collapsible"

                  e.g.

                  <fieldset  data-role="collapsible">

                         <legend>点击可折叠</legend>

                         <div  data-role="controlgroup">

                              <label  for="selectId>标题</label>

                              <select  name="selectName"  id="selectId" >

                                    <option  value="optionValue1">text1</option>

                                    <option  value="optionValue2">text2</option>

                                    <option  value="optionValue3">text3</option>

                                    <option  value="optionValue4">text4</option>

                              </select>

                         </div>

                   </fieldset>