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

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调试，我可以在看新的选项已被添加到所有三个选择列表中，但没有一个选择列表已被刷新，所以我看不到新的选项。

我想我在做错误的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); 
    }); 
});