Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   Вставка данных по клику в разные input (https://javascript.ru/forum/dom-window/35133-vstavka-dannykh-po-kliku-v-raznye-input.html)

SGanabiS 31.01.2013 15:18

Вставка данных по клику в разные 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:37

:cray: Что вашпе ни кто не поможет?

Deff 11.02.2013 16:43

SGanabiS,
Есть действующая ссылка на страницу с траблом ?

SGanabiS 13.02.2013 12:37

Deff, Нет, все на локалхосте, если чегото не хватает пишите все выложу. Или исходники могу скинуть куда нибудь..

Deff 13.02.2013 12:55

SGanabiS,
Залейте в песочницу (ссылка в меню сайта

ksa 13.02.2013 13:30

Цитата:

Сообщение от SGanabiS
Или исходники могу скинуть куда нибудь..

Лучше всего простой тестовый пример тут.

SGanabiS 13.02.2013 15:27

Вложений: 1
ksa,
Deff,
Спасибо за советы, но на сколько я понимаю без БД работать не будет поэтому прикладываю исходники там есть и sql для создания базы...

ksa 13.02.2013 16:14

Цитата:

Сообщение от SGanabiS
без БД работать не будет

А нам для помощи вполне хватит и хтмл примера... ;)

SGanabiS 13.02.2013 16:30

ksa,
Вот http://learn.javascript.ru/play/EV7Rpc
но не работает потому что нет базы по которой выполняется предварительный поиск..

ksa 13.02.2013 16:39

Цитата:

Сообщение от SGanabiS
не работает потому что нет базы по которой выполняется предварительный поиск

Нам хватит и хтмля, по которому будет работать JS...

Что нужно сделать с твоим хтмл?


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