Показать сообщение отдельно
  #1 (permalink)  
Старый 08.02.2018, 15:23
Аватар для Nezumi.May
Аспирант
Отправить личное сообщение для Nezumi.May Посмотреть профиль Найти все сообщения от Nezumi.May
 
Регистрация: 10.01.2017
Сообщений: 36

Найти добавленный элемент
Всем привет!

Не могу разобраться в чём проблема.

Есть код:
<div class="alice1">
<select name="cat">
<option value="0">Выбрать категорию</option>
<option value="7">Первая</option>
<option value="12">Вторвя</option>
<option value="9">Третья</option>
</select>
</div>

<div id="iplus">
<input class="button" value=" + " onclick="addImgF(this );" title="Добавить поле для файла" type="button">
</div>


И есть скрипт:
$(document).ready(function(){
$("body").on("change", ".alice1 select", function(){

if($('#fln6').length == false) {alert($('#fln6').length);$('#iplus > input').trigger('click').trigger('click').trigger('click').trigger('click')};

});
});


При выборе option в select скрипт проверяет наличие элемента #fln6 и если его не обнаруживает, то пять раз кликает по кнопке с функцией addImgF. Эта функция добавляет поля:
function addImgF(button ) {
		var num = document.querySelectorAll('input[id^="fln"][type="file"][name^="file"]').length;
		if (num < 50 ) {
			num += (num < 1 ) ? 2 : 1;
			$(button).closest('li, td, .imagesBlock').append(['<span>[', num, ']</span><input type="file" id="fln', num, '" name="file', num, '" size="20" onchange="getimage(', num, ');"><span id="iCode', num, '"></span><div id="imblock', num, '"></div>'].join('') );
		}
		if (num >= 50 ) {
			$(button).parent().html('<span>[1]</span> ');
		}
	}


Собственно, скрипт не работает. Поля добавляются, но проверка if не работает. То есть не находит динамически добавленные элементы. А почему понять никак не могу :с
Ответить с цитированием