动态 HTML 行，列表项与动态行级联

Question

我想知道你们中是否有人可以帮助我解决我遇到的问题。基本上，我有一个 table，它有一个按钮可以添加索引从 0 到最后一个行号的动态行。

我在这里添加了一个JS fiddle: jsfiddle.net/mfbcvprc/4

我正在寻找的是，当一个新的 table 行添加到动态 table 时，table 第一行中的下拉菜单，被复制，以便可以在已添加的下一个新行中使用。

有人可以向我展示如何完成此操作的示例吗？在这个阶段，我已经穷尽了 Javascript 和 HTML 的知识，所以寻求一些指导！

Answer 1

先检查这个答案：

我已经更新了 jsfiddle.. 但是 jquery 遇到了我以前从未见过的奇怪问题，所以请看这个代码笔：

https://codepen.io/anon/pen/YqKEJq

基本上我所做的更改是这样的：

$(document).ready(function() {
  $('.btnAdd').click(function() {
    addRow();
    var newDropDown = $('#table1 tr:last').find('input[name*=area]');
    newDropDown.attr('list', 'areaList').removeAttr('type');
  });

它会像您所做的那样添加新行，然后找到新输入的输入，并更新其属性，使其与前一个相同。我从来没有使用过你的数据列表类型的控件，所以不确定这种方法是否好......但它适用于钢笔。

动态 HTML 行，列表项与动态行级联

Dynamic HTML rows, with List items which cascade with the Dynamic rows

html

javascript

jquery

html-datalist