Добрый вечер!Осуществил поиск по сайту,код взял из интернета,так как не силен в js.
<form class="destinations-form" action="find/participants" method = "POST">
<div class="input-line">
<input type="text" name="surname" value="" class="form-input check-value" id = "data" placeholder="Фамилия" autocomplete = "off"/>
<ul class = "search_result"></ul>
<input type="submit" name="destination-submit" class="form-submit btn btn-special" value = "найти участницу">
</div>
</form>
$(function(){
//Живой поиск
$('#data').bind("change keyup input click", function() {
if(this.value.length >= 1){
$.ajax({
type: 'post',
url: "search/quicly", //Путь к обработчику
data: {'surname':this.value},
response: 'text',
success: function(data){
$(".search_result").html(data).fadeIn(); //Выводим полученые данные в списке
}
});
}
})
$(".search_result").hover(function(){
$("#data").blur(); //Убираем фокус с input
})
//При выборе результата поиска, прячем список и заносим выбранный результат в input
$(".search_result").on("click", "li", function(){
s_user = $(this).text();
$("#data").val(s_user).attr('disabled', 'disabled'); //деактивируем input, если нужно
$(".search_result").fadeOut();
})
});
Данные из бд я получаю отлично,текст выводится тоже,но мне нужно,чтобы вот этот список,который я получил,нажав на определенную фамилия,произошел поиск,то есть отправка формы
