Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [JavaScript] kliknięcie w podpowiedź dla szukaj
tenloginjestzaje...
post 30.06.2017, 15:56:36
Post #1





Grupa: Zarejestrowani
Postów: 358
Pomógł: 1
Dołączył: 20.07.2014

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


Witam
dla pola input stosuje podpowiedzi problem w tym, że po kliknięciu w daną podpowiedź nie ma akcji, trzeba nacisnąć dodatkowo button lub enter. Jak zrobić, po kliknięciu była akcja, dzięki.

  1. <form method="post" id="form">
  2. <input type="text" id="search" class="searchinput" required>
  3. <input type="submit" id="submitsearch" name="submitsearch" value="Enter" />
  4. </form>
  5. <script>
  6. $( function() {
  7. var availableTags = [
  8. "podpowiedz jeden",
  9. "podpowiedz dwa",
  10. "podpowiedz trzy",
  11. ];
  12. $( "#search" ).autocomplete({
  13. source: availableTags
  14. });
  15. } );
  16. </script>



--------------------
Nigdy nie zapominam kliknąć "pomógł". Zastosowanie na stronie [prosze nie spamuj]
Go to the top of the page
+Quote Post
markuz
post 30.06.2017, 16:26:21
Post #2





Grupa: Zarejestrowani
Postów: 1 240
Pomógł: 278
Dołączył: 11.03.2008

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


Pewnie jest jakiś event typu onclick, ale nie wiem jaki - bo nie podałeś linka do dokumentacji autocomplete. A może to Twój własny autocomplete? A może kolegi?

Ten post edytował markuz 30.06.2017, 16:27:00


--------------------
Go to the top of the page
+Quote Post
tenloginjestzaje...
post 30.06.2017, 16:35:48
Post #3





Grupa: Zarejestrowani
Postów: 358
Pomógł: 1
Dołączył: 20.07.2014

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


<script src="jquery-1.12.4.min.js"></script>
<script src="jquery-ui.min.js"></script>
<link rel="stylesheet" href="jquery-ui.css">

Ten post edytował tenloginjestzajety 30.06.2017, 16:36:09


--------------------
Nigdy nie zapominam kliknąć "pomógł". Zastosowanie na stronie [prosze nie spamuj]
Go to the top of the page
+Quote Post
viking
post 30.06.2017, 16:44:26
Post #4





Grupa: Zarejestrowani
Postów: 6 378
Pomógł: 1116
Dołączył: 30.08.2006

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


Bodajże to http://api.jqueryui.com/autocomplete/#event-select


--------------------
Go to the top of the page
+Quote Post
tenloginjestzaje...
post 4.07.2017, 18:46:27
Post #5





Grupa: Zarejestrowani
Postów: 358
Pomógł: 1
Dołączył: 20.07.2014

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


tylko nie wiem jak zastosować tę funkcję:

  1. $( ".searchinput" ).autocomplete({search: function( event, ui ) {});


w kodzie, który działa prawidłowo:
  1. <script>
  2. $( function() {
  3. var availableTags = [
  4. "ActionScript",
  5. "AppleScript",
  6. "Asp",
  7. "BASIC",
  8. "C",
  9. "C++",
  10. "Clojure",
  11. "COBOL",
  12. "ColdFusion",
  13. "Erlang",
  14. "Fortran",
  15. "Groovy",
  16. "Haskell",
  17. "Java",
  18. "JavaScript",
  19. "Lisp",
  20. "Perl",
  21. "PHP",
  22. "Python",
  23. "Ruby",
  24. "Scala",
  25. "Scheme"
  26. ];
  27. $( ".searchinput" ).autocomplete({
  28. source: availableTags
  29. });
  30. } );
  31. </script>


dzięki


--------------------
Nigdy nie zapominam kliknąć "pomógł". Zastosowanie na stronie [prosze nie spamuj]
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: 18.07.2025 - 05:50