刷新具有相同類名的多個選擇列表

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); 
    }); 
});