使用JavaScript更新div内容

我正在尝试制作Qr代码生成器。我在那里输入了文件，用户输入了站点的URL，该URL通过Ajax进入php文件，php文件检查验证并返回URL链接。该结果传递到

jQuery（'#output'）。qrcode（URL）

和结果显示在div中。问题是，如果用户再次更新url，则下次在div中设置Qr码时会生成新的Qr码，并且结果是两个不同的Qr码。当用户更新链接而不是上次Qr码图像删除并显示更新的Qr码图像时，我如何处理此问题

我正在展示我所做的检查我的JavaScript和HTML代码

JavaScript

function grcodeg() {

      $(document).ajaxStart(function() {
        $("#qr-preview").html('<img src="editor/loader.gif"/>').show();
           $("#output").css("display","none").hide();})
        .ajaxStop(function() {
                $("#qr-preview").html('<img src="editor/loader.gif" />').hide();
                $("#output").css("display","block").show();
          });

        $("#qr-form").ajaxForm(function(url){        
               jQuery('#output').qrcode(url);
    }).submit();        

          }

函数grcodeg（）{
$（文档）.ajaxStart（函数（）{
$（“#qr预览”）.html（“”）.show（）；
$（“#输出”）.css（“显示”、“无”）.hide（）；}）
.ajaxStop（函数（）{
$（“#qr预览”）.html（“”）.hide（）；
$（“#输出”）.css（“显示”、“块”）.show（）；
});
$（“#qr form”）.ajaxForm（函数（url）{
jQuery（'#output'）.qrcode（url）；
}).submit（）；
}

HTML

<form action="editor/arcode_g.php" method="post" id="qr-form">
  <label for="url-qr">Link to a Website</label>
   <br>
     <input type="url" name="url-qr">
   <br>
      <label for="label-qr">Add QR Label</label>
         Describe what your QR code will do.
    <br>
         <input  type="text" name="label-qr">
     <br>
          <a onclick="grcodeg();">Ok</a>
      </form>

   <!----Qr Code Result------------->

    <div id="qr-preview"></div>
    <div id="output"></div>

链接到网站




添加QR标签
描述你的二维码可以做什么。




好啊

如果我理解了这个问题，那么您需要更改：

 $("#qr-form").ajaxForm(function(url){        
           jQuery('#output').qrcode(url);
}).submit(); 

为此：

 $("#qr-form").ajaxForm(function(url){        
          $("#output").html("");
           jQuery('#output').qrcode(url);
}).submit(); 

---

要在再次绘制之前清除div，请执行以下操作

如果我理解此问题，则您需要更改此选项：

 $("#qr-form").ajaxForm(function(url){        
           jQuery('#output').qrcode(url);
}).submit(); 

为此：

 $("#qr-form").ajaxForm(function(url){        
          $("#output").html("");
           jQuery('#output').qrcode(url);
}).submit(); 

---

在重新开始之前，先清理一下div

我在努力学习你的英语。你能帮我澄清一下吗？对不起，我的英语不好，实际上英语不是我的母语。可以理解。别担心，我在努力学习你的英语。你能帮我澄清一下吗？对不起，我的英语不好，实际上英语不是我的母语。可以理解。别担心。