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

Question

请我正在从事库存项目，我想为每种产品创建变体，就像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);
});

这是我的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>

预先感谢