JavaScript не обрабатывает второй input?

Question

[Роман]

Добрый день!

Делаю форму обратной связи с прикрепляемыми файлами.

После того как прикрепили файл, JS выводит имя файла + его размер. С первым прикрепляемым файлом все ок, но на второй отрабатывать не хочет из-за одинакового ID (как выяснилось/разобрались ниже)

Посмотреть можно JSFiddle: https://jsfiddle.net/m6vxq34u/20/

Нужно избавится/не привязываться к ID в поле input - как это можно сделать?

Буду благодарен за помощь!

Comments

[Camaro67]

Код на jsfiddle.net или codepen.io выгрузите

[Роман]

Camaro67, обновил пост

[Павел Корнилов]

Это не JS. Поправьте метку поста.

[Роман]

KorniloFF, не понял, а что это?

[Павел Корнилов]

Это jQ.
Блин, вот до чего квери довела, уже разницу не все видят.
Была бы метка jQuery - не заходил бы на этот вопрос вовсе.

[Camaro67]

KorniloFF, Какая jQuery, там половина нативный JS.

Answer 1

[Евгений Хаблак]

Вероятнее всего проблема связана с тем что вы инициализируете новый блок добавления файла с тем же id ="my-file". В функции getFileParam() привязка идет именно к id, а их на странице одинаковых полным полно