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

Question

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

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

在页面初始化时，我在每个选择列表前面添加了一个新选项，如下所示：

    $("#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);
     });
});