Я использую библиотеку Typeahead Js
в laravel 5.7
, чтобы отобразить автозаполнение в строке поиска.Это работает нормально, но я хочу нажать на конкретный элемент, чтобы перенаправить меня к его конкретной записи.Проще говоря, я хочу ссылку с определенным элементом id
на другую страницу, используя laravel.
Я пробовал автозаполнение jquery ui и kendu ui, но в моем случае это не работает, возможно, я не настроюэти библиотеки правильно, но знаю, это становится головной болью для меня.У меня есть рабочий код, но я хочу ссылки на него.
View Code:
<form class="app-search position-absolute">
<input type="text" id="search" name="search" class="typeahead form-control" autocomplete="off" placeholder="Search & enter">
<a class="srh-btn"><i class="ti-close"></i></a>
</form>
Script Code:
<script>
var path = "{{ route('search') }}";
$('input.typeahead').typeahead({
source: function (query, process) {
return $.get(path, { query: query }, function (data) {
return process(data);
});
}
})
</script>
Controller Code:
public function search(Request $request){
$data = Category::select("id","name")
->where("name","LIKE","%{$request->input('query')}%")
->get();
return response()->json($data);
}
Route Code:
Route::get('search', 'HomeController@search')->name('search');
Мне действительно нужна помощь, пожалуйста.Я хочу сделать его похожим на Google, когда мы начнем печатать, он показывает предложения, а при нажатии на этот конкретный результат он сразу переходит на этот конкретный URL.Любая помощь будет оценена Спасибо.