Podpowiedzi w polu tekstowym

Question

Chciałbym zrobić listę w postaci inputa, która wyglądała by tak, że wpisujemy w i pojawiają nam się wszystkie miasta z literą w. Wie ktoś jak to zrobić? Czy to zabawa z JS i AJAXem?

Answer 1

Witam. Może jquery autocomplete

Comments

Właśnie sam znalazłem i próbuję okiełznać :D

---

To działa również w czystym HTML warunek jest taki, że atrybuty muszą być identyczne

<input list="..."> 
 <datalist id="...">

Tag datalist nie jest obsługiwany w programie Internet Explorer 9 i wcześniejszych wersjach lub w Safari.

<form action="">
    <label>
      Podaj nazwę miejsca:
      <input type="text" name="nazwa-miejsca" list="lista-miejsc">
    </label>
    <datalist id="lista-miejsc">
      <option>Warszawa</option>
      <option>Wrocław</option>
      <option>Wiedeń</option>
      <option>Alaska</option>
      <option>Antarktyda</option>
      <option>Alpy</option>
      <option>Boston</option>
      <option>Baranów</option>
      <option>Białystok</option>
      <option>Skierniewice</option>
      <option>Sokółka</option>
      <option>Sosnowiec</option>
    </datalist>
  <p>
    <button type="submit">zatwierdź</button>
  </p>
</form>

 

---

Panie kochany, działa pięknie :D

Answer 2

Jest dostępny skrypt na jquery iu

http://jqueryui.com/autocomplete/

Comments

Właśnie sam znalazłem i próbuję okiełznać :D