javascript - Bootbox - how to dynamically change message content? - Stack Overflow

admin管理员组

文章数量:1345452

I was wondering if there is a way to dinamically update the content of a bootbox modal.

Example

bootbox.dialog({
        message: "Hi there",
        title: "My title",
        buttons: {
            main: {
                label: "dismiss",
                className: "btn-primary",
            }
        }
    });


    newMessage = "this is a new message"

Is there a way to replace that "Hi there" with the new string newMessage?

Thanks for any help or suggestion

I was wondering if there is a way to dinamically update the content of a bootbox modal.

Example

bootbox.dialog({
        message: "Hi there",
        title: "My title",
        buttons: {
            main: {
                label: "dismiss",
                className: "btn-primary",
            }
        }
    });


    newMessage = "this is a new message"

Is there a way to replace that "Hi there" with the new string newMessage?

Thanks for any help or suggestion

• javascript
• html
• twitter-bootstrap
• bootbox

Share Follow asked Sep 11, 2015 at 14:43 Mirco LclMirco Lcl 37377 silver badges1919 bronze badges

Add a ment  | 

3 Answers 3

Sorted by: Reset to default 8

yes, you can change bootbox msg by adding id reference to the msg. Below is sample code for it.

    bootbox.dialog({
       message: "<span id='dynamicMsg'>Hi there</span>",
       title: "My title",
       buttons: {
        main: {
            label: "dismiss",
            className: "btn-primary",
        }
      }
    });

    //Add this line wherever you want to change msg
    $("#dynamicMsg").text("This is dynamic msg");

Simple! Create a generic function:

function bootBoxModal(title, message, type) {
    bootbox.dialog({
        message: message,
        title: title,
        alertType: type,
        buttons: {
            main: {
                label: 'Fechar', className: 'btn-default'}
        }
    });
}

Call the function now:

bootBoxModal("Title message", 
             "Content your message", 
             "type [alert,danger,warning,success]");

Another solution is just to replace the content directly, this example uses jQuery.

#jQuery
$('.modal-title').html('New Title');
$('.modal-body').html('New Message');

本文标签： javascriptBootboxhow to dynamically change message contentStack Overflow