多次对动态内容使用相同的模式代码

Question

I have the following modal in my HTML

 <div class="modal fade" id="exampleModalCenter" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered" role="document"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title" id="exampleModalCenterTitle">-----</h5> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">&times;</span> </button> </div> <div class="modal-body"> ---- </div> <div class="modal-footer"> <button type="button" class="btn btn-secondary" data-dismiss="modal">ശരി</button> </div> </div> </div> </div> 

I am triggering this modal using the following php-javascript combination based on the condition $resultCheck > 0

 if($resultCheck > 0){ echo '<script> $("#exampleModalCenter").modal("show"); </script>'; } 

What I need

I need to use the same modal exampleModalCenter for different conditions Eg: $resultCheck = 0 and so on with title and content changes according to the conditions. Does anyone know how to do it?

Answer 1

Yes, it is possible to use. You can change the Title and content based on the condition which triggers the modal.

For this utilize,

  $('#exampleModalCenterTitle').text('The replaced text.');

And you can do the same with the other contents.