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

Question

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

我创建了这个 JQuery 函数，当用户 select 将文件输入具有 id=rendicontoAllegato 的输入标签时，它会输入这个文件的名称文件进入一个隐藏的 div，我的页面 id=nomeDocumentoRendicontazione

$(document).ready(function() {

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

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

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

    });
 });

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

所以我会有类似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

如果您正在处理 html 被替换，您可以使用 .text() fn if you are dealing with with your data to be inserted as text or .html() fn

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

或

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

Answer 3

你必须使用

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

它将取代已经存在的 HTML。或者你可以使用

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

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

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

How can I replace the content of a div instead append a value using JQuery?

html

javascript

jquery

dom

javascript-framework