Javascript 多次生成带有姓名标签和徽标的二维码

我需要生成二维码来创建ID

对于ID设计，我有以下

div

：

<div class="row">
    <div class="col-sm-6">
        <table id="tb">
            <tr><th style="font-size: 2em">Name:</th></tr>
            <tr><th style="font-size: 2em">Date of Birth:</th></tr>
            <tr><th style="font-size: 2em" id="qrcode"></th></tr>
        </table>    
    </div>
</div>

姓名：
出生日期:

我有两个文本框。第一个是指定所需的QR数量，第二个是应在QR内编码的文本：

<script src="./jquery.min.js"></script>
<script src="./qrcode.min.js"></script>
<script type="text/javascript">
    var total = $("#number_of_card").val();
    var startingFrom = $("#start_number").val();

    while(total!==0)
    {
        $(this).append('tb')

        var codedId = parseInt(total)+parseInt(startingFrom);
        new QRCode(document.getElementById("qrcode"), ""+codedId);
        total--;
    }
</script>

var总计=$（“#卡的数量”）.val（）；
var startingFrom=$（“#开始编号”）.val（）；
而（总计！==0）
{
$（this.append（'tb'））
var codedId=parseInt（总计）+parseInt（起始日期）；
新的QRCode（document.getElementById（“QRCode”），“”+codedId）；
总数--；
}

我使用了以下库：

我需要的是复制所有的div，这样生成的每个二维码都应该有一个div的名字和出生日期，这是我无法达到的

全文如下：

---

您的小提琴有一个错误，所以您没有看到QRs，请看这把小提琴

var total=$（“#卡的数量”）.val（）；
var startingFrom=$（“#开始编号”）.val（）；
而（总计！==0）
{
$（'body'）.append（'Name:BirthDate`）；
var codedId=parseInt（总计）+parseInt（起始日期）；
新的QRCode（document.getElementById（`QRCode${total}`），“”+codedId）；
总数--；
}

您正在内存中生成二维码，但没有将其分配/附加到DOM。我更新了小提琴。但是你的帖子没有回答我的问题你想要二维码里面的div吗？还是希望div的值生成QR@droidnationI需要每个div包含姓名、出生日期和二维码。如果我指定我需要10个QR，我需要生成10个包含这些信息的div，就是这样。谢谢如果需要水平地生成它们，我该怎么做呢？您必须编写一些css，只需在stackoverflow、Displayinline或float left或flex box中选中它即可

var total = $("#number_of_card").val();
var startingFrom = $("#start_number").val();

    while(total !== 0)
    {
      $('body').append(`<div><div>Name:</div><div>BirthDate</div><div id='qrcode${total}'></div></div>`);
      var codedId = parseInt(total)+ parseInt(startingFrom);
      new QRCode(document.getElementById(`qrcode${total}`), "" + codedId);
      total--;
    }