Как добавить поле загрузки файла с i ++?

Question

Я создаю файл javascript, используя addElemend и childAppend, чтобы добавить новый

Я написал код здесь http://jsfiddle.net/faYMH/18/

Но по какой-то причине это не работает. Если я заменим поле загрузки файла в innerhtml на простое, оно сработает!

Может кто-нибудь заметить проблему / ввести какие-то данные, как выполнить то, что я хочу?

Спасибо!

Ионы

Answer 1

Есть несколько вещей, которые не так с этим.

проблемы JSFiddle

Прежде всего, у вас все еще есть настройки фреймворка, установленные на "onLoad" и "Mootools". Вы хотите, чтобы это был один из параметров «без переноса» и «без библиотеки (чистый JS)». Во-вторых, вы помещаете скрипт в тег script на панели HTML. Специально для JavaScript есть панель JavaScript.

Проблемы с JavaScript

В вашем JavaScript есть встроенный HTML-код:

newDiv.innerHTML = "<input type="file" name="file1 + i++" />";

Вы используете двойные кавычки (") для вашей строки JavaScript, а также внутри HTML. Попробуйте использовать одинарные кавычки для разделителей строк JavaScript, например:

newDiv.innerHTML = '<input type="file" name="file1' + (i++) + ' />';

HTML-код внутри строки также недопустим. Он попытается сгенерировать HTML следующим образом:

<input type="file" name="file10 />

Там нет закрывающей цитаты. Исправить это:

newDiv.innerHTML = '<input type="file" name="file1' + (i++) + '" />';

Возможно, вы также захотите удалить паразит 1, хотя это не нарушит сценарий.

Результат

Вот оно , после этих изменений и еще несколько.