Witajcie.
Mam taki kod:
$(function () {
$('#dynamicSearchBox').typeahead({
source: function (query, result) {
if ($('#dynamicSearchBox').val().length >= 4) {
$.ajax({
url: "{{ route('getCities') }}",
data: 'city=' + query + '&r=' + Math.random().toString(36).substring(7),
dataType: "json",
type: "get",
cache: false,
success: function (data) {
result($.map(data, function (item) {
return item;
}));
}
});
}
}
});
});
<input type="text" value="" name="searchbox" class="dynamicSearchBox" id="dynamicSearchBox" autocomplete="off">
Kod działa poprawnie,
Chciałbym żeby można było wybrać wartość w tym polu tylko i wyłącznie z tego selecta.
Tzn żeby w momencie gdy użytkownik wpiszę nazwę, która nie została wybrana z listy rozwijanej - to żeby formularz się czyścił.
W jaki sposób można to zrobić?