Bootstrap 3 下拉菜单不更新

Posted 2023-05-09

【中文标题】Bootstrap 3 下拉菜单不更新

【英文标题】：Bootstrap 3 dropdown does not update

【发布时间】：2016-08-16 00:00:38

【问题描述】：

我正在尝试从 mysql 填充 bootstrap 3 下拉列表。这是第一次工作正常。我向 mysql 添加了更多行，它们没有显示在下拉列表中。但是，如果我刷新我的页面，行会显示在我的下拉列表中。我还尝试显示警报，但它只显示第一次，因此第二次甚至没有调用代码。

$.ajax(
dataType: "json",
type: "POST",
async: false,
url: 'update_dropdown.php',
cache: false,
success: function(data)
    
    $("#dropdown").empty(); 
    for (var i = 0; i < data.length; i++)
        
        $("#dropdown").append("<li><a href='#' onclick='item()'><i class='fa fa-folder-open fa-fw'></i> "+data[i]+"</a></li>"); 
        
                 
);

【问题讨论】：

第二次？您的 ajax 请求仅在您提供的代码中调用一次。

我设法解决了它。我的代码没有被调用两次。谢谢大家的帮助。

【参考方案1】：

您必须在填写 ajax 成功处理程序后重新初始化您的下拉菜单，如下所示：

$.ajax(
dataType: "json",
type: "POST",
async: false,
url: 'update_dropdown.php',
cache: false,
success: function(data)
    
        $("#dropdown").empty(); 
        for (var i = 0; i < data.length; i++)
        
            $("#dropdown").append("<li><a href='#' onclick='item()'><i class='fa fa-folder-open fa-fw'></i> "+data[i]+"</a></li>"); 
        
        $("#dropdown").dropdown(); //re-init dropdown
                 
);