Я работаю над проектом с поисковым полем автозаполнения. Теперь у меня есть проблема, что я хочу передать значение из найденных автокомпонентов в поле ввода, но в то же время я хочу, чтобы autocompletebox скрывался, когда поле ввода больше не сфокусировано.
Теперь у меня конфликт с обоими из них, так как щелчок на автозаполнении рассматривается как фокус и скрыть поле даже до того, как он сможет передать значение. Любые указатели или обходные пути для такого рода проблем? Здесь jsfiddle, чтобы сделать его более понятным для вас.
Или здесь
CSS
#a_c {display:none;}
JS
$('#search_field').focusout(function() {
$('#a_c').hide(); // IF I DELETE THIS IT WORKS
});
$('#search_field').focusin(function() {
$('#a_c').show();
});
$('#a_c a').click(function() {
$('#search_field').val('');
var value = $(this).text();
var input = $('#search_field');
input.val(input.val() + value);
$('#a_c').hide();
return false;
});
HTML
<input autocomplete="off" onkeyup="searchFor(this.value);" name="search" id="search_field" class="bold" type="text" placeholder="Search...">
<div id="a_c"><a href="">hello world</a></div>