javascript - 我如何在 Bootstrap 箱中使用多选

Question

我想在模式中使用 bootstrap-multiselect。我使用模态工具 Bootstrap 箱( http://bootboxjs.com/documentation.html )来执行此操作，但无法让它工作；因为多选需要初始化。但是当我在box中使用它时，我无论如何都找不到在box中编写js。

我该怎么做？

JS

$("#hello2").on("click", function () {
        var id = 0;
        bootbox.dialog({
            message:  '<div>ghostcard:<input type="text" name="first_name" id="ghostCard"/> </div><br> <div>water card:<input type="text" name="first_name" id="waterCard"/></div>   ' +
                    '       <select class="multiselect dropup" multiple="multiple" id="multiObject"> <option value="cheese">Cheese</option></select>',
            title:       "<small>hello</small>",
            buttons:{
                success:{
                    label:"confirm",
                    className:"btn-success",
                    callback:function () {
                        id = 2;
                        alert("id is " + id+$("#ghostCard").val()+$("#waterCard").val());
                    }
                },
                danger:{
                    label:"cancel",
                    className:"btn-danger",
                    callback:function () {
                        alert("id is " + id);
                        id = 3;

                    }
                }
            }


        });


    });

Answer 1

希望这会有所帮助，但我发现您可以将消息作为函数调用，以便您可以在其中执行 init 等操作，并简单地返回消息结果。因此，消息不是作为字符串调用，而是作为函数；消息:函数(){//创建/初始化下拉菜单返回您想要作为消息的任何文本。}

我发现这对于在实际对话框主体中绑定(bind) json 编辑器等功能非常有帮助。

祝一切顺利，干杯