弹出窗口中的JQuery Mobile选择菜单

Question

我想问一些有关弹出选择菜单的问题。我想用选择菜单弹出一个。

我有＃popupMenu2链接。点击链接后，popupMenu2 div将显示其UL列表，如删除数据＆＃39;。然后，点击“删除数据”后，会显示另一个包含多数据选择菜单的弹出窗口。用户可以选择其中的许多（数据1，数据2，等等）。

我的代码无法正常运行。 以下是我的代码片段。 你的帮助对我来说非常重要。

最诚挚的问候，

HTML：

<a id="moreoption" href="#popupMenu2" style="float: right;margin-right: 11px;display: block;right: 25px;" data-rel="popup" data-position-to="window" data-transition="pop" class="ui-btn ui-corner-all ui-shadow ui-btn-inline ui-icon-delete ui-btn-icon-left ui-btn-b">More Options...</a>
<!--  -->
<div id="popupMenu2" data-role="popup" data-theme="b" data-dismissible="false" style="max-width:400px;">
<ul id="mainmenu" data-role="listview" data-inset="true" style="min-width:210px;" data-theme="d">
  <li data-role="divider" data-theme="e">Choose an action</li>
  <li>
     <a href="#popupmultimenu" data-role="popup" data-rel="popup" data-position-to="window" data-theme="a">Delete Data</a>
     <div data-role="popup" id="popupmultimenu" data-theme="a">
        <div class="ui-field-contain">
           <select name="select-custom-19" id="select-custom-19" multiple="multiple" data-native-menu="false">
              <option>Choose options</option>
              <option value="1">The 1st Option</option>
              <option value="2" selected="selected">The 2nd Option</option>
              <option value="3" selected="selected">The 3rd Option</option>
              <option value="4">The 4th Option</option>
           </select>
        </div>
     </div>
  </li>
  <li><a href="#">View Details</a>
  </li>
  <li><a href="#">View Report</a>
  </li>
  <li><a href="#">Others</a>
  </li>
</ul>
</div>