JetFormBuilder Select Autocomplete

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.

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.)

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: a Use Autocomplete, a Loading via AJAX, a Minimum input length és a feliratokat átíró panel.
• Használat: lépésről lépésre egy kereshető listás mező létrehozása, működés a frontenden.