Динамическое создание input
242
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>
-
23:12
-
16:04
-
14:16
-
13:29
Кофе для программистов: как напиток влияет на продуктивность кодеров?
-
22:13
Рекламные вывески: как привлечь внимание и увеличить продажи
-
19:13
-
16:04
Стратегії та тренди в SMM - Технології, що формують майбутнє сьогодні
-
17:27
Выделенный сервер, что это, для чего нужен и какие характеристики важны?
-
22:17
ТОП-10
- Почему SERVER_ADDR имеет не тот IP 47995 visits
- Как заменить $_SERVER[REMOTE_ADDR] на IP клиента в PHP за двумя Nginx? 30572 visits
- Хочу вывести несколько строк из массива в один div, выводит только много undefined; подскажите, что делать? 23967 visits
- Как через css изменить цвет png изображения? 10416 visits
- Blob video url download 10010 visits
- Php curl запрос через прокси с авторизацией 9286 visits
- Работа с captcha vk api 8152 visits
© "hostciti.net" 07.4.2025 | 05:16