小编Thr*_*d19的帖子

我正在查看这个问题帖子，但在将其应用到我的代码中时遇到问题。

这让我感到困惑，因为我对“保存”按钮执行的操作与“取消”按钮完全相同（至少是有关其关闭的部分），并且单击“取消”后没有任何反应。

<dialog class="my-modal"> 
                <p>Add Cust</p>
                <label for="nameField">Name</label><input id=nameField><br>
                <label for="addressField">Address</label><input id=addressField><br>
                <label for="cityField">City</label><input id=cityField><br>
                <label for="stateField">State</label><input id=stateField size=2> &nbsp;
                <label for="zipField">Zip</label><input id=zipField><br>

                <br>
                <button onclick="closeAndSave()">Save</button>
                <button onclick="close()">cancel</button>
            </dialog>

function close(){
    const modal = document.querySelector('.my-modal');
    modal.close();
}

也尝试过：

<button class="btn btn-default" data-dismiss="my-modal" aria-label="Close">Cancel</button>