Question

我正在尝试从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>"); 
        }
    }             
});

Answer 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
    }             
});

Bootstrap 3下拉列表不会更新

1 个答案: