Question

使用动态文本字段添加编码表单，但我无法获得动态创建的元素及其内容的数量

这是样本

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

使用appenchild方法添加新输入

用于访问我使用的移动设备元素

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

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

Answer 1

我认为你附加输入字段的方式是错误的。检查下面的代码段，然后尝试运行它。希望这会有所帮助。

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>

使用javascript访问表单元素

1 个答案: