如何动态更改bootstrap模态体

所以我将Bootstrap模态定义为：

 
 
 
 × 
Error
 
 
 
 
 
 
 Close 
 
 
  

我想用jscript编辑空体。 我是Javascript的初学者，所以我会感谢最简单的答案。

Answer 1

试试这个：

 $('.modalShow').click(function(event){ event.preventDefault(); var e = $(this); var title = e.data('title'); var body = e.data('value'); $("#myModal").modal("show"); $('#modal-title').html(title); $('#modal-body').html(body); }); 

Answer 2

请看看这个小提琴。

这是代码：

 $(function(){ $('.custom-modal').click(function(e){ e.preventDefault(); var mymodal = $('#myModal'); mymodal.find('.modal-body').text('hello'); mymodal.modal('show'); }); }) 

Answer 3

最简单的解决方案是 – 您可以使用javascript的innerHTML来更改模态体的html，如下所示 –

 //get your modal body by class and change its html document.getElementByClass("modal-body").innerHTML = "
some text
";