Question

我目前有一个页面，其中有一个名为searchuniversity的选择菜单。一旦用户从该选择菜单中选择了某些内容，我只需读取选择菜单值，然后使用从数组中读取的值。此数组中包含多个值，并根据这些值将这些值添加到选择菜单searchuniversitycampus。现在出于某种原因，我已经调试了代码，但是由于某些原因，选择菜单没有添加任何选项，因此所有内容都被正确读出。这是我的代码：

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

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

}
);

我不确定为什么代码不起作用。有关searchuniversitycampus元素的更多信息是它隐藏在页面上。然后我用选项填充它并显示它。

Answer 1

是否尝试刷新select元素？

//refresh value         
$('#searchuniversitycampus').selectmenu('refresh');

//refresh and force rebuild
$('#searchuniversitycampus').selectmenu('refresh', true);

使用jQuery Mobile更新选择菜单

1 个答案: