Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [JavaScript]Jquery - autouzupełnianie inputa
trifek
post 27.10.2019, 13:48:16
Post #1





Grupa: Zarejestrowani
Postów: 276
Pomógł: 0
Dołączył: 28.09.2015

Ostrzeżenie: (0%)
-----


Witajcie.

Mam taki kod:
  1.  
  2. $(function () {
  3. $('#dynamicSearchBox').typeahead({
  4. source: function (query, result) {
  5. if ($('#dynamicSearchBox').val().length >= 4) {
  6. $.ajax({
  7. url: "{{ route('getCities') }}",
  8. data: 'city=' + query + '&r=' + Math.random().toString(36).substring(7),
  9. dataType: "json",
  10. type: "get",
  11. cache: false,
  12. success: function (data) {
  13. result($.map(data, function (item) {
  14. return item;
  15. }));
  16. }
  17. });
  18. }
  19. }
  20. });
  21. });
  22.  
  23.  
  24. <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ć?
Go to the top of the page
+Quote Post
emillo91
post 3.11.2019, 21:15:46
Post #2





Grupa: Zarejestrowani
Postów: 120
Pomógł: 12
Dołączył: 29.03.2012

Ostrzeżenie: (0%)
-----


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.
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Wersja Lo-Fi Aktualny czas: 12.12.2019 - 20:29