Динамически добавлять дополнительные поля ввода в HTML-форму - PullRequest
0 голосов
/ 05 сентября 2011

Я сейчас работаю над html и php проектом.То, что я хочу сделать, это иметь HTML-файл с выбором файлов для выбора скриншота.Рядом с выбором файла будет кнопка / ссылка, чтобы пользователь мог добавить другое поле.Когда пользователь нажимает кнопку или ссылку, я хочу, чтобы другое поле было добавлено к форме под первым полем, тогда пользователь может снова нажать кнопку / ссылку, и все другое поле добавляется.Затем, когда форма отправлена, она получает значение всех полей ввода, включая все файлы для загрузки, которые были добавлены в форму.

Каков наилучший метод для достижения этого, я полагаю, javascript и / илиjquery может быть вовлечен.

Спасибо за любую помощь, которую вы можете предоставить.

ОБНОВЛЕНИЕ Я узнал, как это сделать, но вместо этого мне было интересно, как заставить его исчезать или плавно сдвигать остальную часть формы вниз.Я добавил поля внутри div и сделал javascript, который заставляет поле ввода появляться внутри этого div, но оно просто появляется, я хочу, чтобы оно имело плавную плавную анимацию вместо того, чтобы просто вспыхивать на экране.Ниже приведен JavaScript, который я использовал для добавления поля ввода

<script>
        function addFields()
        {
            document.getElementById("screenshotFields").innerHTML += "<input class=\"fields\" type=\"file\" name=\"filScreenshot[]\" />";
        }
    </script>

Ответы [ 2 ]

0 голосов
/ 10 сентября 2011

Ответ был от комментария @ott к моему вопросу на другой вопрос stackoverflow

0 голосов
/ 05 сентября 2011

Вы хотите что-то, что этот урок называет "Волшебство множественной загрузки файлов".

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...