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

在Java脚本中也能轻松工作尝试一次

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

Answer 2

检查examples：

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

这是fiddle。

Answer 3

尝试一次直接添加基于Dialouge Box Id的TextBox

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

Answer 4

您可以尝试以下代码：

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

如何在BootstrapDialog中添加文本字段和输入？

4 个答案: