Javascript 刷新具有相同类名的多个SelectList

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

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

选择1
选择2

在page init中，我在每个selectlist前面添加了一个新选项，如下所示：

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

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

$（“#page”）.one（“pageinit”，函数（）{
$（“.select tasks”）.prepend（“选择选项”）；
$（“.select tasks”）。每个（功能（i，obj）{
$（此选项）。选择菜单（“刷新”，true）；
});
});

当我调试Firebug时，我可以在HTML中看到新选项已添加到所有三个SelectList中，但没有一个SelectList被刷新，因此我看不到新选项

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

试试这个：

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

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

$（“#page”）.one（“pageinit”，函数（）{
$（“.select tasks”）。每个（功能（i，obj）{
$（this）.prepend（“选择一个选项”）
.选择菜单（“刷新”，true）；
});
});

这是select上方的预挂起选项吗？它在第一个选项上方添加了一个新选项。您是否尝试过

$（“.select tasks”）。触发器（'create'）在
之后.prepend
？