Question

我为noob问题感到抱歉，但我不能自己解决这个问题。

我正在使用jquery移动多选，我有问题想出这么基本的东西（我认为这是基本的），这可能是因为我是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>

在我将数据本机菜单（从上面的代码中）更改为true之后，打开选择的按钮内的文本消失了，有没有办法将其恢复或放入另一个文本？ / p>
最无能为力！有人能告诉我一个如何简单地提醒用户做出的选择的例子吗？如果可能的话，我想做警报，然后在用户选择项目后关闭选择框。

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

Answer 1

使用多个选择我认为最好使用data-native-menu="false"。然后jQM创建一个带有selectID +“-listbox-popup”ID的弹出窗口。因此，在您的示例中，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());
    } );

});

正在使用 DEMO

jquery移动多选，如何提醒关闭的选择？

1 个答案: