Javascript 为jQuery插件添加使用引导类的动态下拉列表

我需要添加一组下拉列表和其他控制按钮点击。 我使用这个bootsnip来实现：

但是，我想在这些下拉列表中使用引导选择

<select class="form-control" id="educationDate" name="educationDate[]">
  <option value="">Date</option>
  <option value="2015">2015</option>
  <option value="2016">2016</option>
</select>

这给了我一个引导下拉列表。 然后我有另一个组件“list2”，它有一组类似的标记。 在我看来，我有

        <div id="mydiv">
           <list1></list1>
           <list2></list2>
        </div>

此按钮添加常规选择下拉列表。我希望它添加上面的样式化下拉组件。我还要继续添加吗

  var dd = document.createElement("button");
    dd.class="btn btn-default dropdown-toggle";

---

依此类推，或者有更好的方法吗？

有两种方法，通过

重复。对于
：从视图模板或从视图模型

视图模板
那么在你看来,

<template>
  <select class="form-control" id="educationDate" name="educationDate[]">
    <option value="">Date</option>
    <!-- notice the difference here, years instead of an array -->
    <option repeat.for='year of years' model.bind='year'>${year}</option>
  </select>
</template>

在这种情况下，模型中的
educationalYear
将是一个字符串。
有两种方法可以通过
重复执行。对于
：从视图模板或从视图模型执行

视图模板
那么在你看来,

<template>
  <select class="form-control" id="educationDate" name="educationDate[]">
    <option value="">Date</option>
    <!-- notice the difference here, years instead of an array -->
    <option repeat.for='year of years' model.bind='year'>${year}</option>
  </select>
</template>

在您的模型中，
educationalYear
将是一个字符串。
如果有人在寻找类似的东西，我已经实现了这一点。这比我想象的要简单得多

在我的虚拟机中，我有一个变量计数，每次单击add按钮时，我都会增加这个计数

addFields() {
this.count++;
}

我在视图中的div现在会重复该计数，每次单击按钮都会增加该计数

 <div repeat.for="c of count">
       <list1></list1>
       <list2></list2>
    </div>

如果有人在寻找类似的东西，我已经做到了这一点。这比我想象的要简单得多

在我的虚拟机中，我有一个变量计数，每次单击add按钮时，我都会增加这个计数

addFields() {
this.count++;
}

我在视图中的div现在会重复该计数，每次单击按钮都会增加该计数

 <div repeat.for="c of count">
       <list1></list1>
       <list2></list2>
    </div>


对不起，我不清楚。我已经更新了上面的帖子。对不起，我不清楚。我已经更新了上面的帖子。
addFields() {
this.count++;
}

 <div repeat.for="c of count">
       <list1></list1>
       <list2></list2>
    </div>