我怎样才能在bootbox中使用多选

时间:2013-12-07 10:16:38

标签: javascript twitter-bootstrap multi-select

我想在模态中使用bootstrap-multiselect。 我使用模态工具bootbox(http://bootboxjs.com/documentation.html)来做到这一点,但不能让它工作;因为multiselect需要init。 但是当我在框中使用它时,无论如何我都无法在框中写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;

                    }
                }
            }


        });


    });

1 个答案:

答案 0 :(得分:0)

希望这会有所帮助,但我发现你可以将消息作为一个函数调用,使你能够在其中执行init等,并简单地返回消息结果。因此,而不是作为字符串调用的消息是一个函数; 消息:function(){ //创建/初始下拉列表 返回您想要的任何文本作为消息。 }

我发现这对于在实际对话框体内绑定json-editor等功能非常有帮助。

一切顺利, 干杯