填充引导3模式上的按钮单击

Populating Bootstrap 3 Modal on Button Click

本文关键字：按钮 单击 模式 填充      更新时间：2023-09-26

我是一名初级web开发人员，目前正在创建一个动态网站。在这个网站中，我使用Javascript来构建我的页面，例如，将HTML输入一个var字符串，并在必要时调用它来加载页面。

我试图使用各种形式的引导模态输入数据到我的数据库。这给我带来了一些麻烦，因为一些元素，如日期选择器不工作，我假设因为模式加载按钮的点击，其中日期选择器加载页面加载。

无论如何，我只是想知道是否有一种方法，有内容和我的自定义Javascript加载时，引导模式按钮被点击，例如

        var outputContainer1 = $('#selectCraft');
$.ajax(apiPrefix + '/craft' + apiSuffix, {
    error: function() {},
    success: function(data){
        for(var i in data){
            $('#selectCraft').append('<option value="'+ data[i].id +'">'+data[i].aircraft_name+'</option>');
        }
    },
    type: 'GET'
});

可以看到，这是一个select元素，它从数据库中获取信息。我想在点击按钮时加载，而不是在页面加载时加载。

按钮的数据目标是"#flightModal"，模态ID是"#flightModal"。

如果有人能帮忙，我将不胜感激。

感谢Ibrahim

您只需要在模式创建后初始化您的日期选择器。因此，在success回调中构建DOM，然后像在正常页面加载时那样初始化日期选择器:

success: function () {
    // ...
    $('#datepicker').datetimepicker();
}
顺便说一下，如果你正在使用模态，我建议使用Bootstrap Dialog JavaScript库，它使以编程方式使用模型更容易。例如，你可以像这样显示一个简单的模态窗口: 
BootstrapDialog.show({
    title: 'Hello World',
    message: 'This is a hello world message'
});
相关文章：