我正在使用Bootstrap模态窗口显示用户警报。我试图从不同位置调用模式窗口，并分配了不同的内容

Question

<div class="modal" tabindex="-1" role="dialog" id="myModal" data-backdrop="static" data- 
keyboard="false">
<div class="modal-dialog" role="document">
    <div class="modal-content">
        <div class="modal-header">
            <h5 class="modal-title"id="myModalTitle">Alias Name</h5>
            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                <span aria-hidden="true">&times;</span>
            </button>
        </div>
        <div class="modal-body" id="myModalContent">
            <p>Do you want your First Name as Alias Name</p>
        </div>
        <div class="modal-footer">

            <button id="myModalButtonYes" type="button" class="btn btn-primary" data- 
   dismiss="modal">Yes</button>
            <button id="myModalButtonNo" type="button" class="btn btn-secondary" data- 
   dismiss="modal" >No</button>
        </div>
    </div>
</div>
</div>

<script>
        $(document).ready(function ()
        {
            $('#myModalTitle').text('Duplicate Patient');
            $('#myModalContent').text('A patient already exists with the same name and 
birthdate. Do you want to continue?');
            const btn = document.getElementById("myModalButtonNo")
            btn.addEventListener("click", DuplicateName())
            $('#myModal').modal('toggle');

        });

在不同情况下，当模态OK按钮被锁定时，我想调用不同的功能。 btn.AddeventListener（“ click”，deplicateName（））dot docorment.getElementById（“ mymodalbuttonno”）。

请给我您的建议。

Answer 1

您可以更改模态文本，但是按钮是静态的，请尝试在HTML按钮元素中调用该功能。

<button id="myModalButtonYes" onclick="DuplicateName()" type="button" 
class="btn btn-primary" data- 
dismiss="modal">Yes</button>