jquery - 如何添加文本字段并输入到 BootstrapDialog？

Question

我想在此模式中添加文本字段和输入，但 BootstrapDialog 不允许我这样做，我怎样才能在不更改库的情况下做到这一点？顺便说一句，我可以使用 $.ajax(); 里面？

<button class="btn btn-primary" id="add_item">New item</button>

jQuery

$('#add_item').on('click',function(){
    BootstrapDialog.confirm({
        message: 'Hi Aaron Imperial'
    });
}); 

Answer 1

检查示例：

BootstrapDialog.confirm({
    title: 'Example',
    message: $('<input type="text">')
});

这是一个小提琴。

Answer 2

您可以尝试以下代码：

BootstrapDialog.show({
            title: 'Modal Title',
            message: $('<textarea class="form-control" placeholder="Try to input multiple lines here..."></textarea>'),
            buttons: [{
                label: 'Button name',
                cssClass: 'btn-primary',
                hotkey: 13, // Enter.
                action: function() {
                    alert('You pressed Enter.');
                }
            }]
        });

Answer 3

在 Java 脚本中，它也很容易运行一次

document.getElementById('DialougeID').innerHTML = '<input type=\"text\"/>';

Answer 4

试一试 直接根据对话框ID添加TextBox

BootstrapDialog.confirm({
$('#dialouge-box-id').html("<input type=\"text\" style=\"width:100%;\"/>");
});