Javascript 使用我的输入标签创建产品变体

请注意，我正在进行库存项目，我想为每个产品创建变体，就像shopify一样。例如，每个产品可以有多种颜色和尺寸

我想生成这样一个表：

我还是被封锁了

这是我的Javascript代码：

$('.tags').on('change', function(event){
    row = '';
    $('.tags').each(function(index, element){
        for(i = 0; i < element.value.split(",").length; i++) {
            row += '<tr>';
            row + '<td>'+ element.value +'</tr>';
            row + '<td><input type="text"></tr>';
            row + '<td><input type="text"></tr>';
            row += '</tr>';
        }
    });
    $('#mytable').append(row);
});

$（'.tags'）。关于（'change'，函数（事件）{
行=“”；
$（'.tags'）。每个（函数（索引，元素）{
对于（i=0；i

这是我的Html代码：

<div class="row">
                                    <div class="col-lg-12">
                                        <label class="mb-0"><strong>Option 1:</strong></label>
                                    </div>
                                    <div class="col-lg-4">
                                        <div class="form-group">
                                            <input type="text" class="form-control" name="variant[attribute]" placeholder="Color">
                                        </div>
                                    </div>
                                    <div class="col-lg-8">
                                        <div class="form-group">
                                            <input type="text" class="form-control tags tokenfield" name="variant[value]" value=""><br>
                                        </div>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-lg-12">
                                        <label class="mb-0"><strong>Option 2:</strong></label>
                                    </div>
                                    <div class="col-lg-4">
                                        <div class="form-group">
                                            <input type="text" class="form-control" name="variant[attribute]" placeholder="Size">
                                        </div>
                                    </div>
                                    <div class="col-lg-8">
                                        <div class="form-group">
                                            <input type="text" class="form-control tags tokenfield" name="variant[value]" value=""><br>
                                        </div>
                                    </div>
                                </div>

选项1:


选项2:

---

提前谢谢

请帮忙