Добрый день уважаемые! Не уверен, что по адресу, но все же прошу помочь. Уже который день бьюсь со следующей проблемой:
Есть форма с выпадающими полями:
<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);
};
Чтобы вставка была в поле в котором ищешь. Буду очень благодарен если поможете. Или хотя бы направите в нужном направлении.