Jquery 显示具有不同标题的同一div的多个实例

我想根据在上一步中选择的复选框数多次显示特定的div。类似于中的步骤3.2。最好的方法是什么

根据所选复选框的数量，我希望多次显示的Div，其中h3（#tile_name）是复选框的值：

<div class="plan_select" id="border">
  <h3 id="tile_name">Tiles - Selected</h3>
  <div class='styled-select'>
    <select name='bankskivans'>
      <option value='Halvrund'>Halvrund</option>
      <option value='Helrund'>Helrund</option>
      <option value='Karnis helrund'>Karnis helrund</option>
      <option value='Nosformad'>Nosformad</option>
      <option value='Rak fasad'>Rak fasad</option>
      <option value='Rak rundad'>Rak rundad</option>
      <option value='Vattenfall'>Vattenfall</option>
    </select>
  </div>
</div>

---

不确定你到底想要什么，但也许这对你有用

我这样做是为了让它为每个选中的复选框创建一个模板内容的实例。 （如果选择了“无”，则为“无”。）

HTML:

jQuery太差劲了

您只需要知道两个方法：document.createElement（）和appendChild（）

见下面的代码：

    var node = document.createElement("DIV");
    node.style. ... = ... ; // you can create your own prototype of block

例如，如果您需要课程：

    node.setAttribute("class", "class_name second_class_name");

设置块的文本，然后通过以下方法将原型块复制到DOM中：

    node.innerHTML = "Text of block";
    document.getElementById("container_id").appendChild(node); //your container id

再说一遍：

    node.innerHTML = "Text of second block";
    document.getElementById("container_id").appendChild(node);

因此，您可以根据需要显示任意多的时间

---

关于

表单提交或更改div获取复选框值单击添加带值的循环，您将获得结果为什么不使用角度和指令。。。？这应该可以做到……我同意jQuery经常是“矫枉过正”的，我之所以使用它，是因为这个问题已经解决了，并且用jQuery标记了它。通常，原始JavaScript方法既快又容易。但是如果jQuery已经被加载，最终用户将不知道其中的区别：-）这实际上是更好的解决方案，因为它会更快更干净。但正如前面提到的，既然jQuery已经加载，这并不重要。

    node.setAttribute("class", "class_name second_class_name");

    node.innerHTML = "Text of block";
    document.getElementById("container_id").appendChild(node); //your container id

    node.innerHTML = "Text of second block";
    document.getElementById("container_id").appendChild(node);