如何替换div的内容而不是使用JQuery附加值？

Question

我是JQuery的新手，我有以下问题。

我创建了这个JQuery函数，当用户在 id = rendicontoAllegato 的输入标签中选择一个文件时，它会将此文件的名称放入一个隐藏的div中，其中 id = nomeDocumentoRendicontazione < / strong>进入我的页面

$(document).ready(function() {

    $("#rendicontoAllegato").change(function() {
        alert("DOCUMENTO dopo selezione: " + $("#nomeDocumentoRendicontazione").text());

        var selectedFileName = $("#rendicontoAllegato").val();

        $('#nomeDocumentoRendicontazione').append(selectedFileName);

    });
 });

它工作正常，但唯一的问题是，如果我首先选择 file1.txt ，然后选择另一个文件 file2.txt 进入具有 id = nomeDocumentoRendicontazione 我将连接2个文件名。

所以我会有类似 file1.txtfile2.txt 的东西，对我来说不合适。

如何替换 id = nomeDocumentoRendicontazione 的div的值，而不是在其中添加新值？

Answer 1

使用html（）而不是append（）。

$(document).ready(function() {

    $("#rendicontoAllegato").change(function() {
        alert("DOCUMENTO dopo selezione: " + $("#nomeDocumentoRendicontazione").text());

        var selectedFileName = $("#rendicontoAllegato").val();

        $('#nomeDocumentoRendicontazione').html(selectedFileName);

    });
 });

Answer 2

如果要处理要作为文本插入的数据，可以使用.text() fn;如果要处理要替换的html，则可以使用.html() fn

$('#nomeDocumentoRendicontazione').text(selectedFileName);

或

$('#nomeDocumentoRendicontazione').html(selectedFileName);

Answer 3

你必须使用

 $('#nomeDocumentoRendicontazione').html(selectedFileName);

它将替换已存在的HTML。或者你可以使用

 $('#nomeDocumentoRendicontazione').text(selectedFileName);

它会执行相同的操作，但会将您的数据附加为文本。