javascript - JavaScript で div コンテンツを更新する

Question

Qr コード ジェネレーターを作成しようとしています。入力フィールドにユーザーがサイトの URL を入力すると、この URL が Ajax 経由で php ファイルに入り、php ファイル チェックが検証され、URL リンクが返されます。この結果は div に渡され、jQuery('#output').qrcode(url);結果は div に表示されます。問題次回、ユーザーが新しいQrコードを生成し、結果が2つの異なるQrコードよりもURLを更新した場合、divに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();        

          }

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>