Можно ли динамически создать элементы с разными id и названиями через цикл?

Question

[Артём]

Хочу сделать так, что бы можно было ввести число элементов, после чего мне нужно сгенирировать число инпутов, равное введенному числу, чтобы при этом у всех инпутов были разные id и имена переменных((
Это вообще реализуемо?)

Comments

[SagePtr]

А в чём сложность?

Answer 1

[Alexander Pushkarev]

Через document.createElement как-то так:

Comments

[Сергей Соколов]

Генерит на 1 меньше запрошенного! : )

[Alexander Pushkarev]

Сергей Соколов, count - 1 убрать -1 надо

[Артём]

Alexander Pushkarev, спасибо

Answer 2

[Сергей Соколов]

Реализуемо.

Создать новый элемент: element = document.createElement('input');
Далее ему можно задать нужные атрибуты id и name:

element.id = "kakoj-to-id";
element.name = "kakoe-to-imya";

Элемент создан, заданы его атрибуты, теперь его надо куда-то вставить в документ. Например, в конец body:
document.body.appendChild(element);
После этого новый инпут появился на странице.

Для заданного числа надо проделать выше описанные шаги в цикле. Номер итерации можно использовать для создания уникальных id и name:

while(i--) {
    let el = d.createElement('input');
    el.type = 'text';
    el.placeholder = el.id = 'in-' + i;
    el.name = 'v-' + i;
    div.appendChild(el);
  }

Answer 3

[tuxx]

document.createElement и Math.random тебе в помощь