jquery 手机多选，如何在关闭时提醒选择？

Question

对于菜鸟问题，我很抱歉，但是我自己无法解决这个问题。

我正在使用 jquery mobile multiple selection 并且我在计算如此基本的东西时遇到了问题（我认为这是基本的），这可能是因为我是 javascript 的新手.

这里是我使用的代码：

  <div data-role="main" class="ui-content" style="font-weight: 700; margin-top: -10px;margin-bottom: -20px;">      
        <select name="day" id="day" multiple="multiple" data-native-menu="true">
          <option>Day</option>
          <option value="mon">Monday</option>
          <option value="tue">Tuesday</option>
          <option value="wed">Wednesday</option>
          <option value="thu">Thursday</option>
          <option value="fri">Friday</option>
          <option value="sat">Saturday</option>
          <option value="sun">Sunday</option>
        </select>
  </div>

在我将 data-native-menu（从上面的代码）从 false 更改为 true 之后，打开 select 的按钮内的文本消失了，有没有办法带来那回来或放另一个文字？
而且最无能！谁能告诉我如何简单地提醒用户所做的选择的示例？如果可能的话，我想发出警报，然后 select 框在用户 select 编辑了项目后关闭。

我很抱歉我的英语，如果我没有解释好自己，请发表评论，我会再试一次。

Answer 1

用多个select我觉得最好用data-native-menu="false"。 jQM 然后创建一个弹出窗口，其 ID 为 selectID 加上“-listbox-popup”。因此，在您的示例中，select 的 ID 为 "day"；因此 jQM 创建了一个 ID 为 "day-listbox-popup" 的弹出窗口。您现在可以处理弹出窗口小部件 afterclose event.

<select name="day" id="day" multiple="multiple" data-native-menu="false" >
  <option>Day</option>
  <option value="mon">Monday</option>
  <option value="tue">Tuesday</option>
  <option value="wed">Wednesday</option>
  <option value="thu">Thursday</option>
  <option value="fri">Friday</option>
  <option value="sat">Saturday</option>
  <option value="sun">Sunday</option>
</select>

$(document).on("pagecreate", "#page1", function(){

    $(document ).on( "popupafterclose", "#day-listbox-popup", function( event, ui ) {
        alert($("#day").val());
    } );

});

Working DEMO

jquery 手机多选，如何在关闭时提醒选择？

jquery mobile multiple selection, how to alert the choices on close?

jquery

jquery-mobile