Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [JavaScript] kliknięcie w podpowiedź dla szukaj
Forum PHP.pl > Forum > Przedszkole
tenloginjestzajety
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>

markuz
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?
tenloginjestzajety
<script src="jquery-1.12.4.min.js"></script>
<script src="jquery-ui.min.js"></script>
<link rel="stylesheet" href="jquery-ui.css">
viking
Bodajże to http://api.jqueryui.com/autocomplete/#event-select
tenloginjestzajety
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
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.