Bootstrap 如何刷新此模式的输入数据?

vql8enpb  于 2023-09-28  发布在  Bootstrap
关注(0)|答案(2)|浏览(197)

我有这个模式:

<div class="modal-dialog"> 
    <div class="modal-content">
        <div class="modal-header">
            <button type="button" class="close" data-bs-dismiss="modal">&times;</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("");
});

然而,它不能正常工作,因为它删除了我的模态中的所有内容。

fhg3lkii

fhg3lkii1#

据我所知,你试图删除html从内部div's你的div内的模态体`

**解决方案:**您可以使用div上的>选择器来选择div的直接继承人并删除内容。请参见下面的示例。

$(".modal-body div.form-group > div").html("");

你也有重复的ID在你的HTML,这是不正确的。

HTML中的ID应该是唯一的,否则使用class

如上所述,删除重复的ID。例如,HTML必须更改为

<div class="form-group" id="applicazione">
 <label>Applicazione:</label>
  <div></div>                            <!-- removed the id -->
</div>
xoefb8l8

xoefb8l82#

尝试

$('#model').empty();

这里的#model是模型的id,.empty()将从DOM中删除完整的html内容。

相关问题