Динамическое создание input
295
26 июля 2017, 20:31
Есть функция:
$("input[name='file_img[]']").change(function () {
var max = 5;
var total = $("input[name='file_img[]']").length;
if (total < max) {
total = total + 1;
$("#gallery").append('<input type="file" class="form-control" name="file_img[]">');
}
});
по идеи как видно из кода она должна срабатывать 4 раза т.е. чтобы было 5 input`ов, но она срабатывает всего один раз. Помогите. Она не должна быть цыклом. Она должна срабатывать только при нажатии.
Answer 1
В js есть такое понятие как "делегирование событий". На динамически добавляемые элементы нельзя напрямую повесить обработчик. Но можно повесить на родителя:
$('body').on('change', 'input', function() {
if($('input').size() < 5) {
$('body').append('<input type="file" /><br />');
}
});<input type="file" /><br />
<script src="https://code.jquery.com/jquery-2.2.0.min.js"></script>
-
12:26
-
10:30
-
18:43
Продвижение своими сайтами как стратегия роста и независимости
-
22:46
-
06:18
-
12:23
-
20:41
-
06:31
-
21:28
ТОП-10
- Почему SERVER_ADDR имеет не тот IP 50089 visits
- Как заменить $_SERVER[REMOTE_ADDR] на IP клиента в PHP за двумя Nginx? 31918 visits
- Хочу вывести несколько строк из массива в один div, выводит только много undefined; подскажите, что делать? 26050 visits
- Как через css изменить цвет png изображения? 11736 visits
- Blob video url download 11284 visits
- Php curl запрос через прокси с авторизацией 10687 visits
- Работа с captcha vk api 9486 visits
© "hostciti.net" 31.1.2026 | 13:31