Javascript-форум (https://javascript.ru/forum/)
-   jQuery (https://javascript.ru/forum/jquery/)
-   -   jquery автодобавление строк в таблицу (https://javascript.ru/forum/jquery/77075-jquery-avtodobavlenie-strok-v-tablicu.html)

username 21.03.2019 18:37

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 секунды, если есть текст в нижней строке в левой колонке, добавляет ещё одна строку.


Часовой пояс GMT +3, время: 16:52.