我想在模态中使用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;
}
}
}
});
});
答案 0 :(得分:0)
希望这会有所帮助,但我发现你可以将消息作为一个函数调用,使你能够在其中执行init等,并简单地返回消息结果。因此,而不是作为字符串调用的消息是一个函数; 消息:function(){ //创建/初始下拉列表 返回您想要的任何文本作为消息。 }
我发现这对于在实际对话框体内绑定json-editor等功能非常有帮助。
一切顺利, 干杯