引导3下拉不更新

Question

我想从MySQL填充引导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>"); 
     } 
    }    
}); 

Answer 1

您必须重新初始化您的下拉一旦其充满阿贾克斯成功处理程序如下：

$.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 
    }    
});