Показать сообщение отдельно
  #1 (permalink)  
Старый 31.01.2013, 15:18
Новичок на форуме
Отправить личное сообщение для SGanabiS Посмотреть профиль Найти все сообщения от SGanabiS
 
Регистрация: 31.01.2013
Сообщений: 7

Вставка данных по клику в разные input
Добрый день уважаемые! Не уверен, что по адресу, но все же прошу помочь. Уже который день бьюсь со следующей проблемой:
Есть форма с выпадающими полями:
<form action="search1.php" method="post" name=search_model[]>
	<div id="container">
<div class="dynamic-form">
<div class="inputs">
<div><input type="text" class="field" name="search_model[]" id="search"></div>
</div>
<a href="#" id="add">Добавить</a> | <a href="#" id="remove">Удалить</a>  | <a href="#" id="reset">Сбросить</a>
</div>
</div>
<div id="resSearch" style="display: none"></div>
<input type="submit" value="Запрос"></br>'

Тут же скрипт:
$(document).ready(function(){
	var i = $('input').size() + 1;
	$('#add').click(function() {
		$('<div><input type="text" class="field" name="search_model[]" id="search"></div>').fadeIn('slow').appendTo('.inputs');
		i++;
	});
	$('#remove').click(function() {
	if(i > 1) {
		$('.field:last').remove();
		i--; 
	}
	});
	$('#reset').click(function() {
	while(i > 2) {
		$('.field:last').remove();
		i--;
	}
	});
	return false;
});
$(function() {
	$('.inputs').keyup(function(){
	document.getElementById('resSearch').style.display='block';
		var search = $('.field:last').val();
			$.ajax({
			type: "POST",
			url: "search1.php",
			data: {"search": search},
			cache: false,						
			success: function(response){
				$("#resSearch").html(response);
			}
		});
		return false;
		
	});
});
function getText_model(str)
{ 
  document.getElementById('search').value = str.firstChild.data;
  document.getElementById('resSearch').style.display='none';
  $("#resSearch").html(response);
  };

Он добавляет и удаляет поля. Кроме того организован живой поиск в этих полях, данные отправляются в сценарий, который в блок
<div id="resSearch" style="display: none"></div>
возвращает вот это:
echo "<div><a href='javascript:void(0)' onclick='getText_model(this)'>".$sql['model']."</a></div>";

Все хорошо выводится и по клику заполняет, но отправляет всегда только первое поле формы, даже если ищешь по другому. Ищет и выводит блок по всем полям. На сколько я понимаю надо на что-то поменять вот это:
function getText_model(str)
{ 
  document.getElementById('search').value = str.firstChild.data;
  document.getElementById('resSearch').style.display='none';
  $("#resSearch").html(response);
  };

Чтобы вставка была в поле в котором ищешь. Буду очень благодарен если поможете. Или хотя бы направите в нужном направлении.

Последний раз редактировалось SGanabiS, 11.02.2013 в 12:39.
Ответить с цитированием