Question

以此代码为例：

＆＃13;

var add = function() {
  var added = document.createElement("div");
  document.getElementById("ID").appendChild(added);
  added.setAttribute("id", "Task " + document.getElementById("ID").childElementCount);
  added.appendChild(document.createElement("input"));
  added.appendChild(document.createElement("br"));
};

＆＃13;

<form id="ID">
  Name:
  <br>
  <input type="text" name="name">
  <br>
</form>
<button onclick="add()">Add</button>

＆＃13;

每次单击该按钮时，都会为表单创建一个新输入。这是使表单元素数量动态化的最佳方法吗？

我研究过使用HTML模板，但似乎没有办法编辑每个附加元素的ID，这对我的应用程序来说是必要的。

另外，一个子问题：我使用AngularJS并且无法弄清楚如何使用JavaScript将bs-datepicker指令添加到我的元素中。我怎么能这样做？

这是我所知道的bs-datepicker的一个例子：

<input type="text" class="form-control"
                                                                ng-model="options.fromDate"
                                                                max-date="{{options.toDate}}"
                                                                start-date="{{options.currentDateValue.toString()}}"
                                                                start-week="1" placeholder="From" bs-datepicker>

如何创建具有可变数量输入的表单？

0 个答案: