我有这个模式:
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-bs-dismiss="modal">×</button>
<h4 class="modal-title text-center">Sei sicuro di voler eliminare questa applicazione?</h4>
</div>
<div class="modal-body">
<div class="form-group" id="applicazione">
<label>Applicazione:</label>
<input type="text" class="form-control" id="applicazione-input">
</div>
<div class="form-group" id="dimensione">
<label> Dimensione:</label>
</div>
<div class="form-group" id="creationDate">
<label>Data inserimento richiesta:</label>
</div>
<div class="form-group" id="descStatoCaricamento">
<label>Stato Caricamento:</label>
</div>
<div class="form-group" id="dataCaricamentoSulCubo">
<label>Data caricamento sul cubo:</label>
</div>
<div class="form-group" id="esito">
<label>Esito:</label>
</div>
<div class="form-group" id="note">
<label>Note:</label>
</div>
</div>
<div class="row form-group">
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
<button type="button" class="btn btn-primary">Save changes</button>
</div>
</div>
</div>
我想在关闭模型时只删除输入的数据内容,该怎么做?我试着这样做:
$(".modal").on("hidden.bs.modal", function(){
$(".modal-body").html("");
});
然而,它不能正常工作,因为它删除了我的模态中的所有内容。
2条答案
按热度按时间fhg3lkii1#
据我所知,你试图删除html从内部
div's
你的div内的模态体`**解决方案:**您可以使用div上的
>
选择器来选择div的直接继承人并删除内容。请参见下面的示例。你也有重复的ID在你的HTML,这是不正确的。
HTML中的ID应该是唯一的,否则使用
class
如上所述,删除重复的ID。例如,HTML必须更改为
xoefb8l82#
尝试
这里的#model是模型的id,.empty()将从DOM中删除完整的html内容。