0

我目前有一个页面，其中包含一个名为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 元素的更多信息是它隐藏在页面上。然后我用选项填充它并显示它。

4

1 回答 1

1

尝试刷新选择元素？

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

//refresh and force rebuild
$('#searchuniversitycampus').selectmenu('refresh', true);
于 2013-06-27T14:26:38.153 回答