Вставка данных по клику в разные 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);
};
Чтобы вставка была в поле в котором ищешь. Буду очень благодарен если поможете. Или хотя бы направите в нужном направлении. |
:cray: Что вашпе ни кто не поможет?
|
SGanabiS,
Есть действующая ссылка на страницу с траблом ? |
Deff, Нет, все на локалхосте, если чегото не хватает пишите все выложу. Или исходники могу скинуть куда нибудь..
|
SGanabiS,
Залейте в песочницу (ссылка в меню сайта |
Цитата:
|
Вложений: 1
ksa,
Deff, Спасибо за советы, но на сколько я понимаю без БД работать не будет поэтому прикладываю исходники там есть и sql для создания базы... |
Цитата:
|
ksa,
Вот http://learn.javascript.ru/play/EV7Rpc но не работает потому что нет базы по которой выполняется предварительный поиск.. |
Цитата:
Что нужно сделать с твоим хтмл? |
| Часовой пояс GMT +3, время: 23:28. |