引導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 
    }    
});