'actualizar' jquery UI menú de selección después de la actualización

Question

Tengo una solicitud get que obtiene un montón de información de categoría para llenar un <select>. Estoy utilizando jQuery UI Selectmenu para dar estilo a mi selección.

Así que mi jQuery se ve un poco como esto:

//Initalise the selectmenu 
$("select").selectmenu({ style: 'dropdown' }); 

$.get("http://localhost/somedata?cat=2", function (data) { 
    $.each(data, function (index, itemData) { 
     $("<option value='" + itemData.Id + "'>" + itemData.Name + "</option>").appendTo("#selectList"); 
    }); 
}); 

Sin embargo, esto llena el <select> pero no actualiza el Seleccione Menú jQuery UI. ¿Alguna idea de lo que tengo que hacer para que el menú de selección sea 're-dibujado' para que los nuevos valores aparezcan en el menú de selección?

Answer 1

Illinois recomienda el way..try ajax este

$(document).ready(function(){ 
    $.ajax({ 
        url :/somedata?cat=2,   

        success:function(data){ 
         $.each(data, function (index, itemData) { 
     $("<option value='" + itemData.Id + "'>" + itemData.Name + "</option>").appendTo("#selectList"); 
    }); 

        } 
       }); 
$("select").selectmenu({ style: 'dropdown' }); 
}); 

Answer 2

Puede utilizar el método refresh bien llamada, documentado en el development wiki:

$("select").selectmenu({ style: 'dropdown' }); 

$.get("http://localhost/somedata?cat=2", function(data) { 
    $.each(data, function(index, itemData) { 
     $("<option value='" + itemData.Id + "'>" + itemData.Name 
      + "</option>").appendTo("#selectList"); 
    }); 

    $("select").selectmenu("refresh"); 
}); 

Actualización: Por desgracia, la refresh la función está documentada, pero no parece que esté implementada todavía. Otra opción es destruir el widget y volver a crearla:

$("select").selectmenu("destroy").selectmenu({ style: "dropdown" });