0

我试图根据我有多少输入元素来生成所有可能的变化。这是我生成的 HTML 代码的一部分：

<section id="choices_picker">
    <ul>
        <li><input type="checkbox" name="color" id="color_choice5" value="5"> Color</li>
        <li><input type="checkbox" name="talla" id="talla_choice6" value="6"> Size</li>
        <li><input type="checkbox" name="talla" id="talla_choice13" value="13"> Size</li>
    </ul>

    <div id="color_choice_5" style="">
        <span>Color<input type="text" name="input_color[]" class="field_color" data-id="color_5" placeholder="Color"><br></span><button type="button" class="button color">Add color</button>
    </div>
    <div id="talla_choice_6" style="">
        <span>Size<input type="text" name="input_talla[]" class="field_talla" data-id="talla_6" placeholder="Size"><br></span><button type="button" class="button talla">Add size</button>
    </div>
    <div id="talla_choice_13" style="display: none">
        <button type="button" class="button talla">Add size</button>
    </div>

    <button type="button" class="button create-variation" id="create-variation" style="">Create variation</button>
    <section id="variations_holder" style=""></section>
</section>

这段代码是动态的，所以每次我点击“添加”按钮时都会动态创建一个新元素，现在我只创建了一些只是为了测试目的。如果你玩我制作的这个Fiddle，那么你会明白我所说的“代码在某些情况下但并非总是有效”的意思，我找不到错误在哪里，所以我在这里向比我最了解的人寻求帮助. 基本上，只要您单击“创建变体”按钮，就应该创建带有 UPC、价格和数量的新集，即使只有一个变体存在。什么是变体？例如有两种颜色，或者有两种尺寸，或者有两种颜色和尺寸等等。请问这方面有什么建议吗？

这是显示我计算机上的过程的图像

在此处输入图像描述

PS：欢迎对代码进行任何改进，我还在学习 jQuery

4

0 回答 0