# JetFormBuilder Select Autocomplete

> A JetFormBuilder Select mezőjének kiegészítése kereshető, gépelés közben szűkülő lenyíló listával és AJAX-os betöltéssel.

A Select Autocomplete a JetFormBuilder kiegészítője. A **Select Field** (legördülő lista) mezőbe keresőmezőt tesz:
a látogató gépelés közben szűkítheti a találatokat, ahelyett hogy végiggörgetné a teljes listát. A lehetőségeket kérésre
AJAX-szal is be lehet tölteni, így mindig friss adat jelenik meg.

![Az űrlap a frontenden, a Város mező kereshető listával](./kepek/urlap-kereses.webp)

*Az űrlap a frontenden, a Város mező kereshető listával* (https://minta-bolt.hu/szallitasi-adatok/)

A kép azt mutatja, hogy a „sz” begépelése után a lista csak a **Szeged** találatot kínálja.

## Mire jó

- Szállítási és számlázási űrlapokon hosszú város-, megye- vagy országlista szűrésére.
- Foglalási és rendelési űrlapokon, ahol sok lehetőség közül kell választani.
- Dinamikus listáknál, ahol a lehetőségek a kérés pillanatában, a szerverről érkeznek.

Csak a **Select Field** mezőtípussal működik, bármelyik frontend-űrlapon.

## Követelmények

- A **JetFormBuilder** bővítménynek telepítve és aktívnak kell lennie.
- Működik bármelyik WordPress-sablonnal.

## Telepítés

1. Telepítsd és aktiváld a JetFormBuilder bővítményt.
2. Nyisd meg a **JetFormBuilder → Addons** oldalt. A **Select Autocomplete** kártya a **Your Installed Addons** vagy az **All Available Addons** szakaszban látszik.
3. Ha még nincs telepítve, kattints az **Install Addon**, majd az **Activate Addon** gombra. (A bővítményt a **Bővítmények** oldalról is aktiválhatod.)

![A JetFormBuilder Addons oldala a telepített Select Autocomplete kártyával](./kepek/addons.webp)

*A JetFormBuilder Addons oldala a telepített Select Autocomplete kártyával* (https://minta-bolt.hu/wp-admin/edit.php?post_type=jet-form-builder&page=jfb-addons)

A kártyán a kiegészítő neve, a verziószáma és a **Deactivate Addon** gomb látszik.

Az aktiválás után a **Select Field** blokk beállításai között megjelennek az új kapcsolók.

## Tartalom

- [Beállítások](https://hub.hellowp.io/hu/plugins/jet-form-builder-select-autocomplete/beallitasok/): a **Use Autocomplete**, a **Loading via AJAX**, a **Minimum input length** és a feliratokat átíró panel.
- [Használat](https://hub.hellowp.io/hu/plugins/jet-form-builder-select-autocomplete/hasznalat/): lépésről lépésre egy kereshető listás mező létrehozása, működés a frontenden.