Показать сообщение отдельно
  #1 (permalink)  
Старый 21.03.2019, 17:37
Интересующийся
Отправить личное сообщение для username Посмотреть профиль Найти все сообщения от username
 
Регистрация: 21.03.2019
Сообщений: 18

jquery автодобавление строк в таблицу
Решил поделиться с вами небольшим кусочком кода

<table id="ingkol">
		<tr><td><input type="text" name="ingredient[]"></td><td><input type="text" name="kolichestvo[]"></td></tr>
		<tr><td><input type="text" name="ingredient[]"></td><td><input type="text" name="kolichestvo[]"></td></tr>
	</table>
<script src="/ckfinder/libs/jquery.js"></script>

<script>
	$( document ).ready( function() {
		 
		setInterval(function () {
			var mj= $( '#ingkol tr:last td:eq(0) input' ).val();
			if ((mj!==undefined) && (mj!=="")) {
				var appendTxt = '<tr><td><input type="text" name="ingredient[]"></td><td><input type="text" name="kolichestvo[]"></td></tr>';
				$("tr:last").after(appendTxt);
			}
		},3000);
    
	} );

</script>


Итак, вверху вы видите таблицу с двумя строками, ниже добавляю jquery, еще ниже скрипт, который каждые 3 секунды, если есть текст в нижней строке в левой колонке, добавляет ещё одна строку.
Ответить с цитированием