[JavaScript]Jquery - autouzupełnianie inputa Opcje

[trifek]

Witajcie.

Mam taki kod:

[HTML] pobierz, plaintext 
 
$(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">
[HTML] pobierz, plaintext 

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ć?

[emillo91]

Jest jeszcze taki atrybut dla pola input type text jak readonly lecz ta metoda może okazać się nieskuteczna na niektórych przeglądarkach. Możesz także przy pomocy js zablokować możliwość wpisywania jakichkolwiek znaków albo po prostu robić append danych do diva i dodatkowo dla każdego diva zrobić input typu hidden, który będziesz uzupełniał danymi z selecta.