desember 9, 2021

Slik Lager Du Betingede Rullegardinlister I WordPress-Skjemaer

Lær hvordan du lager betingede rullegardinlister I WordPress ved Hjelp Av Formidable Skjemaer. En enkel, kodefri, spørringsfri metode.

Hvordan Lage Betingede Rullegardinlister I WordPress-Skjemaer

Leter du etter en måte å opprette betingede rullegardinlister i skjemaer der alternativene i en rullegardinliste er avhengig av valgene en person har gjort i de forrige rullegardinlistene?

for eksempel, et autoforhandlerskjema der en bruker først velger år for bilen sin, deretter merket, deretter modellen fra en liste over alternativer som bare gjelder for året/laget som de allerede har valgt. Du har kanskje også hørt disse typer skjemaer referert til som lenket velg.

denne funksjonen er svært nyttig når du oppretter skjemaer for å håndtere prisanslag, tilbud, betalinger osv. Det er også flott for sluttbrukere fordi de ikke trenger å filtrere gjennom tonnevis av irrelevante alternativer.

Formidable Forms er Den beste WordPress Form Builder plugin. Få det gratis!

Med Formidable Forms kan du sette opp betingede rullegardinlister rett fra et brukervennlig grensesnitt-du trenger ikke å rote med komplekse spørringer eller tilpassede kodeløsninger.

Fortsett å lese for en trinnvis veiledning om hvordan du oppretter avhengige nedtrekk i WordPress med Formidable Skjemaer.

Hvordan Lage Betingede Rullegardinlister Med Formidable Skjemaer

før du graver inn i den detaljerte trinnvise opplæringen, la oss gå gjennom et høyt nivå se på hvordan cascading drop-down skjemaer fungerer med Formidable Skjemaer.

  1. Opprett et «dataskjema» for å huse alle dataene som vil fylle ut dine cascading drop-downs. Sluttbrukere vil ikke samhandle med dette skjemaet direkte-det er bare der for å holde dataene.
  2. Fyll ut «dataskjemaet» med dataene det trenger ved å legge til oppføringer. Hvis du har massevis av data, kan du spare tid ved å importere EN CSV, i stedet for å prøve å legge inn alle dataene manuelt.
  3. Opprett et nytt «sluttbrukerskjema». Dette er skjemaet som dine menneskelige besøkende vil samhandle med.
  4. Legg til oppslagsfelt i «sluttbrukerskjema» slik at det kan hente data fra» dataskjemaet » etter behov for å fylle ut rullegardinmenyen.

La oss gå gjennom det mer detaljert…

for dette eksemplet bruker vi et bilindustrieksempel med tre betingede rullegardinfelt. Ordren vil gå slik:

  1. Bruker velger bilåret
  2. Bruker velger bilmerket fra gjør tilgjengelig i det året
  3. Bruker velger den spesifikke modellen av bilen basert på året/gjør at de valgte

Opprett «Data Form»

for å komme i gang, opprett et nytt skjema for å fungere som ditt «dataskjema». Igjen, sluttbrukerne dine vil ikke samhandle direkte med dette skjemaet, men «sluttbrukerskjemaet» som du oppretter senere, vil trekke dataene fra dette skjemaets oppføringer.

legg deretter til et tekstfelt for hver rullegardinliste du vil inkludere i sluttbrukerskjemaet. For eksempel vil det være tre tekstfelt for:

  1. År
  2. Merke
  3. Modell

år gjør modell skjema

deretter lagre skjemaet.

Importer Data Som Skjemaoppføringer

Deretter må du fylle ut «dataskjemaet» med alternativene du vil vise i dine cascading drop-downs.

hvis du vil gjøre dette, legger du til hvert stykke data som en skjemaoppføring.

hvis du har et stort datasett, er den enkleste metoden å importere EN CSV-fil. For eksempel har vårt bildatasett over 7000 rader-det er ikke noe du vil gjøre manuelt!

hvis du ikke har mye data, kan du også manuelt legge til oppføringer fra Kategorien Oppføringer i dataskjemaet.

hvis DU vil importere EN CSV-FIL til Formidable Forms, må du først kontrollere at overskriftene i CSV-FILEN samsvarer med tekstfeltene i «dataskjemaet».

I Excel kan du se hvordan vårt eksempel CSV har tre kolonner, som hver samsvarer med tekstfeltene vi opprettet i forrige trinn:

 Importer gjennomgripende dropdown

når DU har CSV-filen klar…

  • Gå Til Formidabel Hryvnias Import/Eksport
  • Bruk Velg Fil-knappen for Å velge CSV-filen
  • Skriv INN csv-skilletegnet (dette er nesten alltid et komma)
  • Velg «dataskjema» fra rullegardinmenyen Importer Til Skjema
  • Klikk På Last opp fil og importer

Importer automatisk merke og modell

på neste skjermbilde må du kontrollere at dataene FRA CSV-filen er riktig tilordnet de tilsvarende feltene i skjemaet. Klikk Deretter Importer:

Importer skjemafelttilordning

nå har du dataene du trenger for å fylle ut dine betingede rullegardinlister:

Importerte år / merke / modell data

deretter er det på tide å opprette avhengige rullegardinlister for besøkende å samhandle med.

Opprett «Sluttbrukerskjema» Og Legg Til Oppslagsfelt

opprett Deretter et nytt skjema. Dette vil være skjemaet som dine menneskelige besøkende ser.

når du har ditt nye skjema, legg til Et Oppslagsfelt og gi det et navn – for eksempel «Velg År».

deretter finner Du Innstillingene For Oppslagsalternativer i Feltinnstillingene og…

  • Velg dataskjemaet ved hjelp Av rullegardinmenyen Velg Skjema
  • Velg kildefeltet for å trekke data fra ved Hjelp Av rullegardinmenyen Velg Felt-f. eks. «År»

Legg til bilårsfelt

Sørg for å lagre endringene.

legg deretter til et Annet Oppslagsfelt og konfigurer det for neste sett med data. Først nå bruker du Også Knappen Se Et Oppslagsfelt for å gjøre dette oppslagsfeltet avhengig av Det forrige Oppslagsfeltet. Dette gjør at du bare kan vise alternativer som samsvarer med forrige felt og skape den» cascading » – effekten:

Auto gjør avhengig dropdown

Sørg for å lagre endringene.

for å legge til den endelige rullegardinmenyen (for eksempel i det minste), legger du til et Annet Oppslagsfelt. Først nå bruker du Alternativet Se Et Oppslagsfelt for å gjøre det avhengig av begge de forrige feltene:

 auto model cascading dropdowns

hvis du vil legge til flere betingede drop-downs i skjemaet, kan du gjenta det samme mønsteret så mange ganger som nødvendig.

og det er det – hvis du forhåndsviser skjemaet ditt, bør du se den fine cascading-effekten når du samhandler med skjemaet ditt:

Cascading dropdowns i WordPress form

Lag Din Første Betingede Rullegardinliste I Dag

Cascading drop-down skjemaer er en populær tilnærming som gjør et flott alternativ for skjemaer som involverer prisestimater, sitater, betalinger, steder, etc.

Med Formidable Forms kan du opprette betingede rullegardinlister med så mange betingelser som nødvendig, uten å skrive egendefinerte spørringer eller kode.

for å sette opp det, er alt du trenger å gjøre, å lage to skjemaer og bruke oppslagsfelt for å koble de to. For store datasett kan du til og med importere EN CSV-fil rett fra Excel for å fylle ut dataskjemaet.

hvis du vil opprette avhengige rullegardinlister med Formidable Forms, trenger Du Formidable Forms Basic-planen eller høyere.

hvis Du ikke allerede bruker Formidable Forms Pro, kan du lære om alle de nyttige skjemabyggerfunksjonene for å forstå hvorfor Formidable Forms er Det beste WordPress form plugin for betingede rullegardinlister.

Legg igjen en kommentar

Din e-postadresse vil ikke bli publisert.