обновить содержимое div с помощью JavaScript

Question

Я пытаюсь сделать Qr-код Generator.I есть входные данные там, где пользователь вводит URL-адрес сайта, и этот URL-адрес переходит в php-файл через Ajax и php-файл проверяет и возвращает URL-адрес ссылки. jQuery('#output').qrcode(url); и результат в div.Проблема: когда Qr-код установлен в div в следующий раз, если пользователь обновляет URL-адрес, чем новый код генерации Qr, а результат - два разных трека Qr. Как это можно сделать Handel, когда ссылка на обновление пользователя, чем последнее изображение кода Qr удалить и обновить QR Code image show.

Я показываю, что я сделал, проверил свой 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();   

      } 

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> 

Answer 1

Если я правильно понял вопрос, то вам нужно изменить:

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

к этому:

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

очистить DIV перед нанесением на него снова