刷新具有相同类名的多个选择列表

Question

我有三个不同的选择列表，具有相同的类名。每个选择列表包含两个选项：

<select class="select-tasks" multiple="multiple" name="SelectedTasks">
   <option>Option 1</option>
   <option>Option 2</option>
</select>    

在页面init，我在每个选择列表前面添加一个新选项，如下所示：

    $("#page").one("pageinit", function () {
         $(".select-tasks").prepend("<option>Choose an option</option>");

         $(".select-tasks").each(function (i, obj) {
              $(this).selectmenu("refresh", true);
         });
    });

当我使用Firebug进行调试时，我可以在HTML中看到新选项已添加到所有三个选择列表中，但没有一个选择列表已刷新，因此我看不到新选项。

我想我在javascript中做错了什么，但我不确定是什么。 顺便说一下，我正在使用jQuery Mobile。

Answer 1

试试这个：

$("#page").one("pageinit", function () {

     $(".select-tasks").each(function (i, obj) {
          $(this).prepend("<option>Choose an option</option>")
                 .selectmenu("refresh", true);
     });
});