# Űrlapmezők dinamikus kitöltése

> Űrlapmező előre kitöltése a webcímből (query string) vagy PHP-szűrővel.

A dinamikus kitöltéssel egy űrlapmezőt előre kitölthetsz egy értékkel. Az érték jöhet a webcímből (query string) vagy egy PHP-szűrőből.

## A funkció bekapcsolása

Először kapcsold be a dinamikus kitöltést abban a mezőben, amelyet ki akarsz tölteni:

1. Nyisd meg az űrlapot: **WP Booking System → Űrlapok**, majd az űrlap szerkesztése.
2. Nyisd ki a mezőt, és válaszd a **Speciális beállítások** fület.
3. Kapcsold be a **Dinamikus kitöltés** kapcsolót.
4. Jegyezd fel a mező azonosítóját (**ID**), amely a mező fejlécében látszik. Később szükséged lesz rá.
5. Kattints az **Űrlap mentése** gombra.

![Egy szöveges mező speciális beállításai a Dinamikus kitöltés kapcsolóval](./kepek/fejlesztoknek-dinamikus-kitoltes.webp)

*Egy szöveges mező speciális beállításai a Dinamikus kitöltés kapcsolóval* (https://minta-bolt.hu/wp-admin/admin.php?page=wpbs-forms&subpage=edit-form&form_id=1)

A képen a **Dinamikus kitöltés** kapcsolót keresd a mező speciális beállításai között.

## 1. módszer: webcím paraméterrel

Fűzd az űrlapot tartalmazó oldal webcíméhez a `wpbs-field-{id}` paramétert és az értéket, ahol az `{id}` a mező azonosítója.

```text
https://www.sajatoldalad.hu/foglalas/?wpbs-field-2=Mihaly
```

Ebben a példában a 2-es azonosítójú mező automatikusan a „Mihaly” értéket kapja.

## 2. módszer: PHP-szűrővel

A szűrő neve:

```text
wpbs_form_field_value_{$form_id}_{$field_id}
```

Az `{$form_id}` az űrlap, a `{$field_id}` a mező azonosítója. A kódot a sablon `functions.php` fájljába told be (lásd: [Kódrészletek hozzáadása](https://hub.hellowp.io/hu/plugins/wp-booking-system-premium/fejlesztoknek-kodreszletek-hozzaadasa/)). Példa az 1-es űrlap 2-es mezőjére:

```php
add_filter( 'wpbs_form_field_value_1_2', function ( $value ) {
    return 'Mihály';
} );
```

Jelölőnégyzet (checkbox) és rádiógomb (radio) mezőknél az értéket tömbként kell visszaadni:

```php
add_filter( 'wpbs_form_field_value_1_5', function ( $value ) {
    return array( 'Első opció' );
} );
```