动态HTML行，其中List项与Dynamic行级联

Question

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

我在这里添加了一个JS小提琴：jsfiddle.net/mfbcvprc/4

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

有人能够告诉我一个如何做到这一点的例子吗？在这个阶段，我已经用尽了Javascript和HTML的知识，所以请寻求一些指导！

Answer 1

首先检查此答案： 的 https://stackoverflow.com/a/17378538/1800668

我已经更新了jsfiddle ..但是我之前没见过jquery的问题，所以请看看这个codepen：

<强> 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');
  });

它会像你一样添加新行，然后找到新输入的输入，并更新其属性，使其与前一个相同。我从未使用过你的datalist控件类型，因此不确定这种方法是否合适......但是它在笔中有效。