// это JS для добавления нового поля по нажатии на кнопку
$(document).ready(function(){
	var i = 1;
	$('#add').click(function() {
		$("<div class='field'>Номенклатура" + i +"<input name='search' id='search' type='text' placeholder='Начните вводить название...' autocomplete='off'> <div id='resSearch'></div></div>").fadeIn(100).appendTo(".inputs");
		i++;
		if (i != 1) {
			$('#remove').css("visibility", "visible");
		}
	});
 
	$('#remove').click(function() {
		if(i > 1) {
			$('.field:last').remove();
			$('.imgNumber:last').remove();
			console.log(i);
			i--; 
			if (i == 1) {
				$('#remove').css("visibility", "hidden");
			}
		}
	});
});
 
//собственно сами кнопки, по нажатию на которые происходит добавление полей ввода
<a href='#' id='add' style='border-bottom: 1px dashed #808080; display: inline-block;'>Добавить нуменклатуру</a><a href='#' id='remove' style='visibility: hidden; border-bottom: 1px dashed #808080; display: inline-block;'> | Удалить последнее</a>
<div class='inputs'></div> //в этот блок приходит результат из jquery
 
//js обработчик полей. да, знаю что нужно поменять айди на классы. хотел заняться этим хотя бы после добивания хоть какой-то работоспособности
$(function(){
	$("#search").keyup(function(){
		var search = $("#search").val();
		$.ajax({
			type: "POST",
			url: "search.php",
			data: {"search": search},
			cache: false,                                
			success: function(response){
				$("#resSearch").html(response);
			}
		 });
		 return false;
	});
});
 
 
//php обработчик 
$search = $_POST['search'];
$search = addslashes($search);
$search = htmlspecialchars($search);
$search = stripslashes($search);
if($search == ''){
   exit("");
}
 
mysqli_query($sqlConnect, 'SET NAMES utf8');
$query = mysqli_query($sqlConnect, "SELECT * FROM srm_otdel WHERE otdel_name LIKE '%". $search ."%'");
if(mysqli_num_rows($query) > 0){
	$sql = mysqli_fetch_array($query);
	echo "<table style='width: 100%;'>";
	do{
		echo "
			<tr>
				<td><a href='#' class='confirm' onClick=\"document.getElementById('search').value='$sql[otdel_id]'; document.getElementById('resSearch').innerHTML = '';\">$sql[otdel_name]</a></td>
			</tr>
		";
	}while($sql = mysqli_fetch_array($query));
	echo "</table>";
}else{
   echo "<div class='selectedSearchItem'><span style='display: inline-block; padding: 5px;'>Нет результатов</span></div>";
}

Ly8g0Y3RgtC+IEpTINC00LvRjyDQtNC+0LHQsNCy0LvQtdC90LjRjyDQvdC+0LLQvtCz0L4g0L/QvtC70Y8g0L/QviDQvdCw0LbQsNGC0LjQuCDQvdCwINC60L3QvtC/0LrRgwokKGRvY3VtZW50KS5yZWFkeShmdW5jdGlvbigpewoJdmFyIGkgPSAxOwoJJCgnI2FkZCcpLmNsaWNrKGZ1bmN0aW9uKCkgewoJCSQoIjxkaXYgY2xhc3M9J2ZpZWxkJz7QndC+0LzQtdC90LrQu9Cw0YLRg9GA0LAiICsgaSArIjxpbnB1dCBuYW1lPSdzZWFyY2gnIGlkPSdzZWFyY2gnIHR5cGU9J3RleHQnIHBsYWNlaG9sZGVyPSfQndCw0YfQvdC40YLQtSDQstCy0L7QtNC40YLRjCDQvdCw0LfQstCw0L3QuNC1Li4uJyBhdXRvY29tcGxldGU9J29mZic+IDxkaXYgaWQ9J3Jlc1NlYXJjaCc+PC9kaXY+PC9kaXY+IikuZmFkZUluKDEwMCkuYXBwZW5kVG8oIi5pbnB1dHMiKTsKCQlpKys7CgkJaWYgKGkgIT0gMSkgewoJCQkkKCcjcmVtb3ZlJykuY3NzKCJ2aXNpYmlsaXR5IiwgInZpc2libGUiKTsKCQl9Cgl9KTsKCQoJJCgnI3JlbW92ZScpLmNsaWNrKGZ1bmN0aW9uKCkgewoJCWlmKGkgPiAxKSB7CgkJCSQoJy5maWVsZDpsYXN0JykucmVtb3ZlKCk7CgkJCSQoJy5pbWdOdW1iZXI6bGFzdCcpLnJlbW92ZSgpOwoJCQljb25zb2xlLmxvZyhpKTsKCQkJaS0tOyAKCQkJaWYgKGkgPT0gMSkgewoJCQkJJCgnI3JlbW92ZScpLmNzcygidmlzaWJpbGl0eSIsICJoaWRkZW4iKTsKCQkJfQoJCX0KCX0pOwp9KTsKCi8v0YHQvtCx0YHRgtCy0LXQvdC90L4g0YHQsNC80Lgg0LrQvdC+0L/QutC4LCDQv9C+INC90LDQttCw0YLQuNGOINC90LAg0LrQvtGC0L7RgNGL0LUg0L/RgNC+0LjRgdGF0L7QtNC40YIg0LTQvtCx0LDQstC70LXQvdC40LUg0L/QvtC70LXQuSDQstCy0L7QtNCwCjxhIGhyZWY9JyMnIGlkPSdhZGQnIHN0eWxlPSdib3JkZXItYm90dG9tOiAxcHggZGFzaGVkICM4MDgwODA7IGRpc3BsYXk6IGlubGluZS1ibG9jazsnPtCU0L7QsdCw0LLQuNGC0Ywg0L3Rg9C80LXQvdC60LvQsNGC0YPRgNGDPC9hPjxhIGhyZWY9JyMnIGlkPSdyZW1vdmUnIHN0eWxlPSd2aXNpYmlsaXR5OiBoaWRkZW47IGJvcmRlci1ib3R0b206IDFweCBkYXNoZWQgIzgwODA4MDsgZGlzcGxheTogaW5saW5lLWJsb2NrOyc+IHwg0KPQtNCw0LvQuNGC0Ywg0L/QvtGB0LvQtdC00L3QtdC1PC9hPgo8ZGl2IGNsYXNzPSdpbnB1dHMnPjwvZGl2PiAvL9CyINGN0YLQvtGCINCx0LvQvtC6INC/0YDQuNGF0L7QtNC40YIg0YDQtdC30YPQu9GM0YLQsNGCINC40LcganF1ZXJ5CgovL2pzINC+0LHRgNCw0LHQvtGC0YfQuNC6INC/0L7Qu9C10LkuINC00LAsINC30L3QsNGOINGH0YLQviDQvdGD0LbQvdC+INC/0L7QvNC10L3Rj9GC0Ywg0LDQudC00Lgg0L3QsCDQutC70LDRgdGB0YsuINGF0L7RgtC10Lsg0LfQsNC90Y/RgtGM0YHRjyDRjdGC0LjQvCDRhdC+0YLRjyDQsdGLINC/0L7RgdC70LUg0LTQvtCx0LjQstCw0L3QuNGPINGF0L7RgtGMINC60LDQutC+0Lkt0YLQviDRgNCw0LHQvtGC0L7RgdC/0L7RgdC+0LHQvdC+0YHRgtC4CiQoZnVuY3Rpb24oKXsKCSQoIiNzZWFyY2giKS5rZXl1cChmdW5jdGlvbigpewoJCXZhciBzZWFyY2ggPSAkKCIjc2VhcmNoIikudmFsKCk7CgkJJC5hamF4KHsKCQkJdHlwZTogIlBPU1QiLAoJCQl1cmw6ICJzZWFyY2gucGhwIiwKCQkJZGF0YTogeyJzZWFyY2giOiBzZWFyY2h9LAoJCQljYWNoZTogZmFsc2UsICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKCQkJc3VjY2VzczogZnVuY3Rpb24ocmVzcG9uc2UpewoJCQkJJCgiI3Jlc1NlYXJjaCIpLmh0bWwocmVzcG9uc2UpOwoJCQl9CgkJIH0pOwoJCSByZXR1cm4gZmFsc2U7Cgl9KTsKfSk7CgoKLy9waHAg0L7QsdGA0LDQsdC+0YLRh9C40LogCiRzZWFyY2ggPSAkX1BPU1RbJ3NlYXJjaCddOwokc2VhcmNoID0gYWRkc2xhc2hlcygkc2VhcmNoKTsKJHNlYXJjaCA9IGh0bWxzcGVjaWFsY2hhcnMoJHNlYXJjaCk7CiRzZWFyY2ggPSBzdHJpcHNsYXNoZXMoJHNlYXJjaCk7CmlmKCRzZWFyY2ggPT0gJycpewogICBleGl0KCIiKTsKfQoKbXlzcWxpX3F1ZXJ5KCRzcWxDb25uZWN0LCAnU0VUIE5BTUVTIHV0ZjgnKTsKJHF1ZXJ5ID0gbXlzcWxpX3F1ZXJ5KCRzcWxDb25uZWN0LCAiU0VMRUNUICogRlJPTSBzcm1fb3RkZWwgV0hFUkUgb3RkZWxfbmFtZSBMSUtFICclIi4gJHNlYXJjaCAuIiUnIik7CmlmKG15c3FsaV9udW1fcm93cygkcXVlcnkpID4gMCl7Cgkkc3FsID0gbXlzcWxpX2ZldGNoX2FycmF5KCRxdWVyeSk7CgllY2hvICI8dGFibGUgc3R5bGU9J3dpZHRoOiAxMDAlOyc+IjsKCWRvewoJCWVjaG8gIgoJCQk8dHI+CgkJCQk8dGQ+PGEgaHJlZj0nIycgY2xhc3M9J2NvbmZpcm0nIG9uQ2xpY2s9XCJkb2N1bWVudC5nZXRFbGVtZW50QnlJZCgnc2VhcmNoJykudmFsdWU9JyRzcWxbb3RkZWxfaWRdJzsgZG9jdW1lbnQuZ2V0RWxlbWVudEJ5SWQoJ3Jlc1NlYXJjaCcpLmlubmVySFRNTCA9ICcnO1wiPiRzcWxbb3RkZWxfbmFtZV08L2E+PC90ZD4KCQkJPC90cj4KCQkiOwoJfXdoaWxlKCRzcWwgPSBteXNxbGlfZmV0Y2hfYXJyYXkoJHF1ZXJ5KSk7CgllY2hvICI8L3RhYmxlPiI7Cn1lbHNlewogICBlY2hvICI8ZGl2IGNsYXNzPSdzZWxlY3RlZFNlYXJjaEl0ZW0nPjxzcGFuIHN0eWxlPSdkaXNwbGF5OiBpbmxpbmUtYmxvY2s7IHBhZGRpbmc6IDVweDsnPtCd0LXRgiDRgNC10LfRg9C70YzRgtCw0YLQvtCyPC9zcGFuPjwvZGl2PiI7Cn0=