使用jQuery Mobile时选择不显示其余选项列表

Question

我有代码显示隐藏的选择菜单，然后为其添加选项。我刷新选择菜单但由于某种原因只显示选择菜单中的第一个元素，当您单击选择时，列表的其余部分不会出现。这是我的代码：

$(document).on('pageinit','#searchpage',
function()
{
    $('#searchuniversity').change(
    function() 
    {
        var IDSelected = $("#searchuniversity").val();
        alert(IDSelected);
        $('#searchuniversitycampus').empty();
        var Arrayiterate = ArrayCampus[IDSelected];
        var SelectDropDown = document.getElementById("searchuniversitycampus");

        for (var i = 0; i < Arrayiterate.length; i++) 
        {
            var arrayofcampus = Arrayiterate[i];
            alert(arrayofcampus[0]);
            var NewOption = new Option(arrayofcampus[0],arrayofcampus[1]);
            SelectDropDown.add(NewOption);
        };
        $("#searchuniversitycampus").closest('div.ui-select').show();
        $('#searchuniversitycampus').selectmenu('refresh',true);
    });

}
);

当我点击选择菜单时，基本上循环工作但不会出现下拉列表。

Answer 1

获胜的答案是：

$('#searchuniversitycampus').selectmenu({'refresh': true});

必须像这样刷新才能显示列表！得到以下post

的答案