Příklady - seznam hodnot tvořený JavaScriptem
Obsah:
Nabídka hodnot pole formuláře
Použití nabídky - seznamu hodnot, má tu výhodu, že uživatel nemusí psát celý text a nemůže zadat jinou hodnotu, než je v seznamu. Seznam použijeme zejména tam, kde by mohlo dojít k nepřesnostem v zadání do textového pole (např. při zadání města při vyhledání spojení, apod.)
Pokud je však položek mnoho, je použití standardního seznamu (select) nešikovné, protože uživatel musí posouvat seznam a hledat příslušnou položku. V tom případě můžeme vytvořit nabídku položek pomocí JavaScriptu. Seznam položek tak může být zúžen podle zadané části textu.
Seznam položek může být zobrazen např. v překryvném bloku (div, jehož z-index je vyšší) a jeho zobrazení může být vyvoláno zadáním prvního, resp. několika prvních písmen do textového pole. Při zadání každého dalšího písmene (okkeyup textového pole) je vyvolána aktualizace seznamu. Často je při tom využíváno načtení dat ze serverové databáze, které probíhá na pozadí prostřednictvím Ajaxu.
Seznam hodnot načtený z databáze
Např. seznam všech měst by byl příliš dlouhý pro uložení do pole. Načtení již zúženého seznamu podle zadané části názvu města provedeme pomocí Ajaxu z databáze na serveru, resp. Ajax zde slouží pro zavolání php skriptu, který získá odpovídající data z databáze. Ta jsou pomocí JavaScriptu zobrazena např. v překryvném bloku. Vše přitom probíhá na pozadí, tzn. že není načtena a změněna celá stránka, ale pouze její část.