Bootstrap 3 下拉菜单不更新答案

【问题标题】：Bootstrap 3 dropdown does not updateBootstrap 3 下拉菜单不更新
【发布时间】：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 请求仅在您提供的代码中调用一次。
我设法解决了它。我的代码没有被调用两次。谢谢大家的帮助。

标签： javascript php jquery mysql twitter-bootstrap

【解决方案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
    }             
});

【讨论】：