使用 javascript 访问表单元素答案

【问题标题】：accessing form elements with javascript使用 javascript 访问表单元素
【发布时间】：2018-10-06 06:52:43
【问题描述】：

我正在编写一个添加动态文本字段的表单，但我无法获取元素的数量及其动态创建的内容

这里是示例

<input name="mobiles[]" id="mobile"><a onclick="addfield()">add</a>

我使用appenchild方法添加新的输入

用于访问我使用的手机元素

document.getElementsByName('mobiles[]').length;

但它只返回 1 并且不计算添加的字段

【问题讨论】：

嗯，显示代码....
function addfield(args){ var x = document.createElement("li"); y=document.createElement("输入"); document.getElementById(args).appendChild(x); //////////////////添加手机///////////////////////移动计数器++； var idcounter="mobile" + mobileCounter; x.innerHTML=""; }
.代码太长。您需要部分代码吗？
name属性在哪里？
哦，谢谢，我刚刚看到在 js cod 中我没有放置名称属性。这就是为什么我的鳕鱼不起作用。再次感谢

标签： javascript child-nodes

【解决方案1】：

我认为您附加输入字段的方式是错误的。检查下面的 sn-p，并尝试运行它。希望这会有所帮助。

addField = function(){
  var wrapper = document.getElementById('wrapper');
  var li = document.createElement('li');
  
  var input = document.createElement('input');
  input.name = 'mobiles[]';
  
  li.append(input);
  wrapper.append(li);
};

updateCount = function(){
  // Shows you current count on the page.
  count = document.getElementsByName('mobiles[]').length;
  document.getElementById('count-wrapper').innerHTML = count;
};

<ul id="wrapper">
  <li><input name="mobiles[]"></li>
</ul>

<button onclick="addField()">Add Input</button>
<button onclick="updateCount()">Update Count</button>

<div>
  Input Field Count is : <span id="count-wrapper">1</span>
</div>

【讨论】：

感谢帮助。我发现我没有在 appendchild 代码中设置 name 属性。它现在工作