访问和存储具有相同名称和ID的多个文本字段的值

Question

所以我正在开发一个网站，根据用户输入（网站：http://www.citethat.net/）自动生成MLA引用，我有一个部分，您可以添加更多文本字段，以便您可以为引文添加更多贡献者。我正在使用此代码生成新的文本字段（一个用于名字，另一个用于姓氏）。

  function addInput1(divName) {
    var newdiv = document.createElement('div');
    newdiv.setAttribute("id", "divider")
    newdiv.innerHTML = "<br><input type='text' name='myInputs[]' class='textFields' placeholder='First Name' class='textField' id='contributor1'>";
    document.getElementById(divName).appendChild(newdiv);
  }

  function addInput2(divName) {
    var newdiv = document.createElement('div');
    newdiv.setAttribute("id", "child")
    newdiv.innerHTML = "<br><input type='text' name='myInputs[]' class='textFields' placeholder='Last Name' class='textField' id='contributor2'>";
    document.getElementById(divName).appendChild(newdiv);
  }

此代码通过此按钮在HTML中触发：

<input type="button" value="Add a contributor" onClick="addInput1('row1'); addInput2('row2');" class="button">

我面临的问题是，当我尝试使用此函数检索值时：

function retrieve(id) {
    var txtbox = document.getElementById(id);
    var value = txtbox.value;
    alert(value);
}

它只返回第一个生成的文本字段的值，而不是一次返回所有文本字段的值。