JQueryUI selectmenu - 如何添加更多選項

Question

通過javascript我如何添加更多選項到下拉selectmenu？

目前正試圖與沒有運氣以下：

for (i = 0; i < json.powerDropDownItems.length; i++) { 
    //$('#powerSelect').append($("<option></option>").attr("value", json.powerDropDownItems[i]).text(json.powerDropDownItems[i])); 
    $('#powerSelect').selectmenu("value", "nice name"); 
    //$('#powerSelect').appendTo("<option>" + json.powerDropDownItems[i] + "</option>"); 
} 
$('#powerSelect').selectmenu("refresh");​ 

UPDATE

感謝納文，我得到它的工作（也添加了代碼以清除列表）。這是我下面的代碼：

service.getPowerDropDowns(productEC, $('#mountSelect').val(), function (response) { 
     var json = $.parseJSON(response.value); 

     var options = []; 

     // Clear the options first 
     $("#powerSelect option").each(function(index, option) { 
      $(option).remove(); 
     }); 
     options.push("<option value=''>Choose</option>"); 
     for (i = 0; i < json.powerDropDownItems.length; i ++) 
     { 
      options.push("<option value='" + json.powerDropDownItems[i] + "'>" + json.powerDropDownItems[i] + "</option>"); 
     } 
     $('#powerSelect').append(options.join("")).selectmenu(); 
     $('#powerSelect').selectmenu('enable'); 
    }); 

Answer 1

這將工作

$(function() { 
    var options = []; 
    for (i = 0; i < json.powerDropDownItems.length; i++) { 
     options.push("<option value='" + json.powerDropDownItems[i] + "'>" + json.powerDropDownItems[i] + "</option>"); 
    } 
    //append after populating all options 
    $('#powerSelect') 
     .append(options.join("")) 
     .selectmenu(); 
});​ 

演示：http://jsfiddle.net/codovations/p863Q/

Answer 2

取決於版本。

https://github.com/jquery/jquery-ui/tree/selectmenu使用刷新方法

https://github.com/fnagel/jquery-ui/tree/selectmenu使用selectmenu（）等中描述的納溫。