Drukowana wersja tematu

Napisany przez: trifek 27.10.2019, 13:48:16

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;
                                    }));
                                }
                            });
                        }
                    }
                });
            });
 
 
<http://december.com/html/4/element/input.html 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ć?

Napisany przez: emillo91 3.11.2019, 21:15:46

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.