jquery - 使用 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});

必须像这样刷新才能显示列表！从下面的帖子中得到了答案