доступ к элементам формы с помощью JavaScript - PullRequest
Новая
       29

доступ к элементам формы с помощью JavaScript

0 голосов
/ 25 апреля 2018

я кодирую форму с добавлением динамического текстового поля, но я не могу получить число элементов и их содержимое, созданное динамически

вот пример 

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

im, используя метод appenchild для добавления новыхвходы

для доступа к мобильным элементам, которые я использую 

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

, но он возвращает только 1 и не считает добавленные поля

1 Ответ

0 голосов
/ 25 апреля 2018

Я думаю, что вы добавляете поля ввода неправильно.Проверьте фрагмент ниже и попробуйте запустить его.Надеюсь, это поможет. 

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>
...